Avatar billede heeelp Nybegynder
28. juni 2003 - 13:44 Der er 8 kommentarer og
2 løsninger

valign="middle" med CSS?

Hvordan får jeg tekst til at stå i midten (lodret) af en tabel med css?

Altså samme effekt som med: valign="middle"
Avatar billede runeevers Nybegynder
28. juni 2003 - 13:46 #1
margin-left: auto;
margin-right: auto;
Avatar billede runeevers Nybegynder
28. juni 2003 - 13:47 #2
Eller sorry, vertical-align: center; er nok mere hensigtsmæssig hvis det kun er text.
Avatar billede pixeldude Nybegynder
28. juni 2003 - 13:47 #3
vertical-align: middle
Avatar billede runeevers Nybegynder
28. juni 2003 - 13:49 #4
Tåger totalt. Værdien skal selvfølgelig være "middle"
Avatar billede heeelp Nybegynder
28. juni 2003 - 13:51 #5
Jeg tror ikke du forstod hvad jeg mente... :-)

Hvordan laver jeg det samme i css:
<td align='center' valign='middle'>TEKST</td>

fx
TEKST { text-transform: none;
    text-align: center;
        v-align: middel;????
}
Avatar billede heeelp Nybegynder
28. juni 2003 - 13:51 #6
NU ligner det noget :o)
Avatar billede runeevers Nybegynder
28. juni 2003 - 13:52 #7
TEKST { text-transform: none;
    text-align: center;
    vertical-align: middle;
}
Avatar billede heeelp Nybegynder
28. juni 2003 - 13:58 #8
Det virker ikke helt efter planen.

Teksten bliver næsten placeret i midten, men ikke helt. Den bliver placeret ca 10px højere end midten uanset højden på tabellen???

min kode ser sådan ud: (forkortet)
h2 {
    font-family: Verdana, Trebuchet, Arial;
    font-size: 70%;
    color: #000080;
    text-transform: none;
    font-weight: bold;
    text-align: center;
        vertical-align: middle;
}

<table border='5' width='330' height='78' cellspacing='0' cellpadding='0'>
  <tr>
    <td width='55'><h2>Intro</h2></td>
</tr>
</table>
Avatar billede pixeldude Nybegynder
28. juni 2003 - 16:58 #9
Du skal huske på at h2 tagget automatisk laver linieskift.  Det er måske den der gør at den ikke er præcis i midten
Avatar billede knudgert Nybegynder
28. juni 2003 - 18:52 #10
Hvis browsere overholdt standarder så vil vertical-align: middle ikke virke på et blokelement som <h2> er.
Sæt vertical-align: middle på <td> i stedet for.
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