html - image over flow on header while scrolling -


i have html page images. while scrolling, images overflow on header. set header position: fixed, , if remove position:relative works fine, image looses alignment.

<div class="show-image">     <img src="images/colourise.jpg" width="200" height="200"/>     <div style="margin-left:50px;">         <a href="images/colourise.jpg"><input class="update" type="button" value="view" id="mybutton1"/></a>     </div>     <p class="sme">colorise</p> </div> 

css

div.show-image {     position: relative;     float:left;     margin:5px;     padding:28px;     border-radius:3px; } 

just give header z-index higher images.


Comments

Popular posts from this blog

java - Plugin org.apache.maven.plugins:maven-install-plugin:2.4 or one of its dependencies could not be resolved -

Round ImageView Android -

How can I utilize Yahoo Weather API in android -