Avatar billede Slettet bruger
04. oktober 2002 - 12:38 Der er 6 kommentarer og
2 løsninger

Tabel - tekst i midten

Hejsa

Jeg har lavet en "menu" med noget mouseover ved hjælp af ccs.

Hvordan får jeg teksten til at så i midten(middle - altså vertikal) af celle?

Se her: http://www.df00.dk/test/

Takker på forhånd
Avatar billede ztyxx Nybegynder
04. oktober 2002 - 12:40 #1
vertical-align: middle, top eller bottom
Avatar billede 1409 Praktikant
04. oktober 2002 - 12:45 #2
Sådan:

<table border="1" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">
<tr><td ALIGN="center" VALIGN="middle"><a class="menu" href="">HEJ</a></td></tr>
<tr><td ALIGN="center" VALIGN="middle"><a class="menu" href="">HEJ</a></td></tr>
<tr><td ALIGN="center" VALIGN="middle"><a class="menu" href="">HEJ</a></td></tr>
Avatar billede Slettet bruger
04. oktober 2002 - 13:39 #3
1049> Det virker ikke... testen bliver kun centreret ikke vertikal :(
Avatar billede Slettet bruger
04. oktober 2002 - 13:42 #4
Avatar billede Slettet bruger
04. oktober 2002 - 13:43 #5
Avatar billede hyttemeier Nybegynder
04. oktober 2002 - 15:23 #6
Ved at sætte bredden og højden på tabellen og cellerne ned i html-koden, og fjerne dem fra stylesheetet opnåede jeg en centrering både lodret og vandret i cellen :) Jeg har IKKE testet det i Netscape.

<table border="1" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0" width="300" height="300">
<tr><td height="100" align="center"><a class="menu" href="">HEJ</a></td></tr>
<tr><td height="100"  align="center"><a class="menu" href="">HEJ</a></td></tr>
<tr><td height="100" align="center"><a class="menu" href="">HEJ</a></td></tr>

Desuden skal
a.menu:link
a.menu:visited
a.menu:hover
a.menu:active
skrives sådan her for at virke :)

/Hyttemeier
Avatar billede Slettet bruger
07. november 2002 - 18:12 #7
Hyttemeier ? ... vil du ikke have pointene?
Avatar billede ztyxx Nybegynder
15. januar 2003 - 15:06 #8
takker for point :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester