html - stretch image over div -
i have gallery , thumbnails set have width of 100%. images not fill full height of div.
how images stretch on full width , height of div? (can't changed background images)
<div class="gallery-grid"> <div class="section group"> <div class="col span_1_of_6"> <a href="javascript: changeimage(1);"><img src="images/flowers.jpg" alt="" /></a> </div> <div class="col span_1_of_6"> <a href="javascript: changeimage(2);"><img src="images/back.jpg" alt="" /></a> </div> <div class="col span_1_of_6"> <a href="javascript: changeimage(3);"><img src="images/flowers.jpg" alt="" /></a> </div> <div class="col span_1_of_6"> <a href="javascript: changeimage(4);"><img src="images/back.jpg" alt="" /></a> </div> <div class="col span_1_of_6"> <a href="javascript: changeimage(5);"><img src="images/flowers.jpg" alt="" /></a> </div> <div class="col span_1_of_6"> <a href="javascript: changeimage(6);"><img src="images/back.jpg" alt="" /></a> </div> </div> <!--style--> .gallery-grid img{ width:100%; }
it works me. must have other css affecting it. see here: http://codepen.io/anon/pen/jgmrbw
.gallery-grid img{ width:100%; }
Comments
Post a Comment