Vertikal centrering af tekst

Gøres som i mit svar http://eksperten.dk/spm/574575

<ole>

Har du nogen somhelst mulighed for at anbringe teksten med noget fast margin/padding, er dette _langt_ at foretrække.
Expressions er yderst sjældent en god løsning, da det bruger enorme resourcer og performer rigtig skidt ... så dårligt, at MS faktisk selv advarer mod brugen

/mvh
</bole>

knudgert> Jeg vil helst uden om det ekstra scripting, men jeg kan jo blot endnu en gang more mig over hvor "genial" IE er til alle de ting, som gør livet lettere for web-scripteren. Desuden, så kan jeg så vidt jeg kan gennemskue heller ikke bruge dit script, da løsningen med en fast højde i så fald ville virke. Men det ved jeg ikke om bare er mig.


Olebole> Jeg har prøvet at få margin og padding til at virke, men uden held. Det har dog undret mig lidt, da det burde virke. Jeg burde kunne sætte den til margin-top: 5px. (Yderste boks er 20 px høj, og teksten er 10 px høj.

Det jeg har forsøgt at ændre den til er:

.menuLink {
    color:            #FFFFFF;
    font-family:        verdana, sans-serif;
    font-size:        10px;
    text-decoration:    none;
    margin-left:        5px;
    margin-top:        5px;
}

Ændres den i den anden, så forskyder baggrundsbilledet sig også.

I andre browsere end IE burde det virke med
display: table-cell;
vertical-align: middle;
i din css.

Har ikke rigtig tid til at prøve at lave et eksempel

Men af det skript du har i det eksempel i den anden ser det ud som om, at du skaber den i IE ved hjælp af at beregne en margin, og det burde jo så virke, når jeg kender tal nok til at selv beregne den, men det virker jo stadig ikke.

Hmm det lader til, at det virker i IE... hmmm, så vil jeg da lige lege med de andre der, Ole du kan vist roligt smide dit svar, da det jeg gjorde ud fra det virkede i en browser ;)

og nu centrer det sig da fint, meeen... Et lille problem er:

Hvis jeg sætter koden sådan her:
<div class="menuItem"><a href="in_index.php" class="menuLink">FORSIDE</a></div>
<div class="menuItem"><a href="in_index.php" class="menuLink">Anden side</a></div>
osv

Så stiller de sig i en række og maser sig sammen om hinanden.

Gør jeg nu sådan her for at løse det:

<div class="menuItem"><a href="in_index.php" class="menuLink">FORSIDE</a></div><br>
<div class="menuItem"><a href="in_index.php" class="menuLink">FORSIDE</a></div><br>
osv

så kommer der et grimt mellemrum mellem hvert punkt.

Hvad gør jeg?