[html] plaatje centreren in DIV

[Verwijderd]

Hallo,

ik wou graag binnen een DIV dmv CSS een plaatje VERTICAAL centreren.

op deze manier:

code:

<div class="IMAGEBOX">
 <img src="hallo.jpg">
</div>

v-algn
valign
vertical-align
text-virtical-align etc werken niet!

ik hoop dat iemand mij kan helpen.
bvd,

nick

[Koppensneller]

Google?

http://www.jakpsatweb.cz/...ical-center-solution.html

[Cloud]

Sorry maar heb je uberhaupt al gezocht?

De 1^e 10 hits zijn namelijk goed op google...

[ Voor 4% gewijzigd door Cloud op 22-11-2006 17:10 ]

[Avalaxy]

KoppenSneller schreef op woensdag 22 november 2006 @ 17:08:
Google?

http://www.jakpsatweb.cz/...ical-center-solution.html

code:

IMAGEBOX.img {
vertical-align: middle
}

pfff bovenstaand is dus fout volgens mij... ik moet nodig weer eens me kennis ophalen

[ Voor 22% gewijzigd door Avalaxy op 22-11-2006 17:13 ]

[Verwijderd]

sorry, ik vulde bij google in:

Vertical text align.. en dan vind je het niet zo snel, maar toch bedankt.

[Avalaxy]

code:

div.imagebox {
vertical-align: middle;
// andere codes voor de imagebox class ook hier
}

zo moest die zijn als het goed is. Bovenstaande post is fout.

[borstel]

Hier kun je wel wel wat mee denk ik,

\[HTML/CSS] Afbeelding precies in het midden

[Fuzzillogic]

Cascading Stylesheet:

div.imagebox {background: url(plaatje.png) center center no-repeat;}

Klaar. Althans, als het een stuk versiersel is, hetgeen heel vaak wel het geval is.

[Elvis]

Mijn oplossing is misschien wat boers maar ik gebruik altijd :

code:

<div>
    <center>
       plaatje.jpg
   </center>
</div>

Nevermind... OP niet goed gelezen...

edit:
code tag gesloten

[ Voor 25% gewijzigd door Elvis op 23-11-2006 07:44 ]

[Verwijderd]

En je zet je monitor zeker op zijn kant?

---

Iemand eraan gedacht om iets met de line-height te doen?

[PeterSelie]

Verwijderd schreef op donderdag 23 november 2006 @ 07:12:
En je zet je monitor zeker op zijn kant?

---

Iemand eraan gedacht om iets met de line-height te doen?

Misschien leuk te laten zien wat je precies bedoelt? Leuk als we ook eens iets aan je reply hadden

[frickY]

Vertical-align werkt ten opzichte van de naastliggende text, en niet ten opzichte van de omliggende div. Met de line-height maak je de text net zo hoog als de div, waardoor de vertical-align de afbeelding in het midden van die text, en dus in de div, zal positioneren.
Zie oa http://www.ibloomstudios.com/article9/ voor een volledige uitleg.

In IE6 dien je naast e line-height ook de font-size even groot te maken als de div waar de afbeelding inkomt.

[ Voor 14% gewijzigd door frickY op 23-11-2006 09:00 ]

[André]

Dit is idd wel een zoekertje en redelijk makkelijk te vinden