PHP interesse |
|
Hoi,
Ik probeer een plaatje zowel horizontaal als verticaal te centreren. Ik heb dus een div die 170px hoog en breed is. Hierin heb ik een plaatje; dit plaatje is maximaal 150 pixels breed óf hoog!
http://img527.i...terkw4.jpg
Het HTML stukje;
<div class="block">
<a href="photo.php" title="FOTONAAM door NICKNAME"><img src="images/photos/4.jpg" width="150" height="100" alt="FOTONAAM door NICKNAME" /></a>
</div>
<div class="block">
<a href="photo.php" title="FOTONAAM door NICKNAME"><img src="images/photos/4.jpg" width="150" height="100" alt="FOTONAAM door NICKNAME" /></a>
</div>
<div class="block"> <a href="photo.php" title="FOTONAAM door NICKNAME"><img src="images/photos/4.jpg" width="150" height="100" alt="FOTONAAM door NICKNAME" /></a> </div> <div class="block"> <a href="photo.php" title="FOTONAAM door NICKNAME"><img src="images/photos/4.jpg" width="150" height="100" alt="FOTONAAM door NICKNAME" /></a> </div>
Het CSS stukje;
.block { float: left; width: 170px; height: 170px; text-align: center; vertical-align: center; }
.block { float: left; width: 170px; height: 170px; text-align: center; vertical-align: center; }
Hij centreert hem wel horizontaal, maar bij verticaal faalt hij hard! Iemand die een oplossing in gedachte heeft?
|