Code:
<div class="imgContent" >
<img src="img2.jpg" title="Monte Carlo" alt="Monte Carlo" id="img6"/>
<div class="titleIdescription">
<div class="title">Example of photo</div>
<div class="description">Duis aute irure dolor in reprehenderit in voluptate velit esse.</div>
</div>
<div class="iconBox">
<div class="zoomIcon"><a href="javascript:void(0)" id="zoom6">Zoom</a></div>
<div class="shareIcon"><a href="javascript:void(0)" id="share6">Share</a>
<div class="shareMenu" id="shareMenu6">
<div class="subMenu"><a href="www.facebook.com" target="_blank">Facebook</a></div>
<div class="subMenu"><a href="twitter.com" target="_blank">Twitter</a></div>
<div class="subMenu"><a href="javascript:void(0)" target="_blank" >Google+</a></div>
<div class="subMenu"><a href="www.linkedin.com" target="_blank">Linkedin</a></div>
</div>
</div>
<div class="photoIcon">Photo</div>
</div>
</div>
<div class="imgContent" >
<img src="img2.jpg" title="Monte Carlo" alt="Monte Carlo" id="img6"/>
<div class="titleIdescription">
<div class="title">Example of photo</div>
<div class="description">Duis aute irure dolor in reprehenderit in voluptate velit esse.</div>
</div>
<div class="iconBox">
<div class="zoomIcon"><a href="javascript:void(0)" id="zoom6">Zoom</a></div>
<div class="shareIcon"><a href="javascript:void(0)" id="share6">Share</a>
<div class="shareMenu" id="shareMenu6">
<div class="subMenu"><a href="www.facebook.com" target="_blank">Facebook</a></div>
<div class="subMenu"><a href="twitter.com" target="_blank">Twitter</a></div>
<div class="subMenu"><a href="javascript:void(0)" target="_blank" >Google+</a></div>
<div class="subMenu"><a href="www.linkedin.com" target="_blank">Linkedin</a></div>
</div>
</div>
<div class="photoIcon">Photo</div>
</div>
</div>
Imam vise ovakvih elemenata,boksova, koje treba da pozicioniram uz pomoc css-a. Klasi .imgContent sam za svojstvo position dodeli vrednost relative i height:auto i float:left.
Posto su mi slike razlicite visine(img { height:auto } ) onda mi ne slaze lepo ove boksove .imgContent sto znaci da mi ostaje prevelik prazan prostor po visini i desava se da se float:left vrednost ne postuje.
Kako da .imgContent boxove pozicioniram tako da mi budu jednake margine top i bottom iako su mi visine za img i imgContent podesene na auto?
Hvala unapred.
Pozz