[CSS]Tekst vertikaal in het midden positioneren

[Noedels]

Ik heb een probleem met het vinden van een code, waarvan ik vrijwel zeker weet dat hij bestaat.....
Ik heb de volgende code in mijn CSS staan:

#subheader {
width:100%;
height:30px;
background:url("gfx/subbg.gif");
}


zoals je zien kan is de hoogte van deze container 30px. nu wil ik in deze container 1 regel met tekst zetten, maar deze moet precies in het midden gecentreerd te worden (in de hoogte). maar ik kan geen tag vinden waarmee ik dit doen kan....

Wie weet hiervoor de tag voor mij?

[Verwijderd]

line-height: 30px;

En als je dus weet (of vermoedt) dat er iets bestaat, dan zoek je dat op in een reference manual.

[ Voor 75% gewijzigd door Verwijderd op 23-03-2005 15:15 ]

[Clay]

line-height:30px; (en evt ff kijken wat je icm vertical-align daarmee doen kan) Enige progleem is dat de tekst dan ook wrapt met die 30px line height

edit:
darn!

[ Voor 8% gewijzigd door Clay op 23-03-2005 15:15 ]

[Noedels]

Verwijderd schreef op woensdag 23 maart 2005 @ 15:14:
line-height: 30px;

En als je dus weet (of vermoedt) dat er iets bestaat, dan zoek je dat op in een reference manual.

toppie! dit werkt
dit topic mag op slot


ps. wat als je nou geen reference manual hebt.........?

[Erkens]

Noedels schreef op woensdag 23 maart 2005 @ 15:18:
ps. wat als je nou geen reference manual hebt.........?

hmm, je internet toegang beperkt zich tot tweakers.net?

[Verwijderd]

W3C CSS 2.1 Specs
W3C HTML 4.01 Specs

[Verwijderd]

zoeken jij

>>> http://www.w3schools.com/css/css_reference.asp

[Rowanov]

Tipje voor als je Firefox gebruikt, de webdeveloper toolbar heeft linkjes naar validator, reference en al die andere meuk ingebouwd. Altijd handig.

[Noedels]

Erkens schreef op woensdag 23 maart 2005 @ 15:19:
[...]

hmm, je internet toegang beperkt zich tot tweakers.net?

nee dat gelukkig niet.... maar ik ben nogal nieuw in CSS. ten eerste wist ik eigenlijk niet eens van het bestaan van een referrence manual af, dus laat staan waar ik hem had kunnen vinden.

[Noedels]

Rowanov schreef op woensdag 23 maart 2005 @ 15:23:
Tipje voor als je Firefox gebruikt, de webdeveloper toolbar heeft linkjes naar validator, reference en al die andere meuk ingebouwd. Altijd handig.

webdeveloper toolbar? is dat weer iets nieuws? mijn google toolbar kan deze namelijk niet vinden.

voor de rest, allen bedankt voor de hulp enzo. een beginnende css'er is weer goed geholpen!

[Verwijderd]

Noedels schreef op woensdag 23 maart 2005 @ 15:29:
[...]
webdeveloper toolbar? is dat weer iets nieuws? mijn google toolbar kan deze namelijk niet vinden.

Hier wordt om gevraagd bij Firefox install (als je niet standaard installatie doet, maar custom install).

[T-MOB]

Verwijderd schreef op woensdag 23 maart 2005 @ 15:30:
[...]

Hier wordt om gevraagd bij Firefox install (als je niet standaard installatie doet, maar custom install).

En de nieuwste versie is altijd op de site van de auteur te vinden

[sjaakaq]

Je kan het natuurlijk ook in een DIV zetten en dan

Cascading Stylesheet:

#naamdiv {
margin-top: auto;
margin-bottom: auto;
}