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;
  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;
  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
  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.189s