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

Popular posts from this blog

sublimetext3 - what keyboard shortcut is to comment/uncomment for this script tag in sublime -

java - No use of nillable="0" in SOAP Webservice -

ubuntu - Laravel 5.2 quickstart guide gives Not Found Error -