[ 1boki1 @ 30.08.2016. 13:26 ] @
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> 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 |