[CSS]Tekst vertikaal in het midden positioneren

Pagina: 1
Acties:

  • Noedels
  • Registratie: Augustus 2002
  • Laatst online: 04-09-2021
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
  • Registratie: Oktober 1999
  • Laatst online: 25-02 11:17

Clay

cookie erbij?

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 :X

edit:
darn! :+

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

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin


  • Noedels
  • Registratie: Augustus 2002
  • Laatst online: 04-09-2021
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
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

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?

  • Rowanov
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

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

  • Noedels
  • Registratie: Augustus 2002
  • Laatst online: 04-09-2021
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
  • Registratie: Augustus 2002
  • Laatst online: 04-09-2021
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
  • Registratie: Maart 2001
  • Laatst online: 23:33
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 :)

Regeren is vooruitschuiven


  • sjaakaq
  • Registratie: September 2003
  • Laatst online: 17-04 10:24

sjaakaq

It might get loud

Je kan het natuurlijk ook in een DIV zetten en dan

Cascading Stylesheet:
1
2
3
4
#naamdiv {
margin-top: auto;
margin-bottom: auto;
}

leoaq.fm // Jeune Loop

Pagina: 1