Title: Button inside image
Last modified: June 23, 2020

---

# Button inside image

 *  [danielm04](https://wordpress.org/support/users/danielm04/)
 * (@danielm04)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/button-inside-image/)
 * Well, this is probably very basic and i’m just making some mistake, i have some
   images with one button inside each of them inside a <div> that are filtered and
   when they are filtered imagine by photo colors, the button inside stays on his
   absolute position, that’s normal, the thing is when i place the button inside
   the div so it goes with the image i can’t center it, can anyone help?
    this is
   the code i tried:
 *     ```
       <div class="container">
       <div class="filterDiv sea 099"> <input type="image" id="playbuttonn1" onmouseover="myFunction4()" class="thumbnail" src="mysrc1"  onload="myFunction31()" value="PLAY">
       <div>       <img width="60" id="playpause" onmouseout="myFunction31()" onclick="plaiy()" class="filterDiv sea 099" src="mysrcbtn"></div>//this is the button i have problems with
             <div id="waveform"></div>
       <div class="containerbottom">
       <p class="musicbtn">Green Sea</p>
       <p class="autorbtn">Peter Marisland</p>
       <button class="pricebtn">99€</button>
       <a href="#"><button class="moreinfobtn">More Info</button></a>
       <a href="#"><button class="seemorebtn">See more</button></a>
       </div>
       </div>
         <div class="filterDiv sun 199"> <input type="image" id="playbuttonn2" onmouseover="myFunction4()" class="thumbnail" src="mysrc"  onload="myFunction31()" value="PLAY">
       <div>       <img width="60" id="playpause" onmouseout="myFunction31()" onclick="plaiy()" class="filterDiv sea 099" src="mysrcbtn"></div>//this is the button i have problems with
       <div class="containerbottom">
       <p class="musicbtn">Sunny</p>
       <p class="autorbtn">John</p>
       <button class="pricebtn2">150€</button>
       <a href="#"><button class="moreinfobtn">More Info</button></a>
       <a href="#"><button class="seemorebtn">See more</button></a>
       </div>
       </div>
       </div>
       ```
   
    -  This topic was modified 5 years, 11 months ago by [Jan Dembowski](https://wordpress.org/support/users/jdembowski/).

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [corrinarusso](https://wordpress.org/support/users/corrinarusso/)
 * (@corrinarusso)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/button-inside-image/#post-13027165)
 * You will need to provide the URL to your site to get specific help on this issue.
 *  Thread Starter [danielm04](https://wordpress.org/support/users/danielm04/)
 * (@danielm04)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/button-inside-image/#post-13029054)
 * [@corrinarusso](https://wordpress.org/support/users/corrinarusso/) [http://teststuff.epizy.com/music-shop/](http://teststuff.epizy.com/music-shop/),
   filter the genre for rock and you will see the error, thanks for the atention
   by the way.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Button inside image’ is closed to new replies.

## Tags

 * [javascript](https://wordpress.org/support/topic-tag/javascript/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [danielm04](https://wordpress.org/support/users/danielm04/)
 * Last activity: [5 years, 11 months ago](https://wordpress.org/support/topic/button-inside-image/#post-13029054)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics