login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Plaatje in een div centreren. (Opgelost)

Offline Nanon - 19/10/2007 15:25
Avatar van NanonPHP 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;
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="block">
  2. 	<a href="photo.php" title="FOTONAAM door NICKNAME"><img src="images/photos/4.jpg" width="150" height="100" alt="FOTONAAM door NICKNAME" /></a>
  3. </div>
  4.  
  5. <div class="block">
  6. 	<a href="photo.php" title="FOTONAAM door NICKNAME"><img src="images/photos/4.jpg" width="150" height="100" alt="FOTONAAM door NICKNAME" /></a>
  7. </div>


Het CSS stukje;
php code - Bekijk de code zonder highlighting - Klap code in 
  1. .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?

3 antwoorden

Gesponsorde links
Offline marten - 19/10/2007 15:54
Avatar van marten Beheerder vertical heb je middle, top of bottom en geen center
Offline Nanon - 19/10/2007 16:02
Avatar van Nanon PHP interesse Heb het aangepast. Maar alsnog nog geen goed resultaat, want het plaatje staat nog steeds tegen de bovenkant van de div aan.
Offline Soebam - 19/10/2007 16:10 (laatste wijziging 19/10/2007 16:11)
Avatar van Soebam HTML ver gevorderde
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .block
  2.   {
  3.   background: url("plaatje.jpg") center center no-repeat;
  4.   }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.311s