css - "last" style not working. Margin -
html
<div class="col-3"><a class="fancybox-effects-c" rel="group" href="images/image1.jpg" title="new home number two"><img src="images/thumb_image1.jpg" class="fade" alt="" width="100%" /></a></div> <div class="col-3"><a class="fancybox-effects-c" rel="group" href="images/image2.jpg" title="new home number two"><img src="images/thumb_image2.jpg" class="fade" alt="" width="100%" /></a></div> <div class="last"><a class="fancybox-effects-c" rel="group" href="images/image3.jpg" title="new home number three"><img src="images/thumb_image3.jpg" class="fade" alt="" width="100%" /></a></div>
css
.col-3 { width:31.5%; float:left; margin-right:1.8%; margin-bottom:1.6949%; display:block; } .last { width:31.5%; float:left; margin-right:0; margin-bottom:1.6949%; display:block; }
with code. images on right should have 0 margin. dont. have same col-3
it should same, because (31.5*3) + (1.8*2) = 98.1. 1.9% left @ right side have applied float: left
. blank space left @ right might margin.
Comments
Post a Comment