Ryan Kristensen wrote in dk.edb.internet.webdesign.html:
> On 10 May 2004 06:43:56 GMT, Tommy J <tom_joe_v@hotmail.com> wrote:
>
> > Jeg har lige et 'lille problem'. Jeg kan ikke få
> > "vertical-align: middle;" til at virke.
> > Til en menu bruger jeg en special Class paa A (link), hvor
> > display: block;
> > height: 30px;
> > vertical-align: middle;
> > ....
>
> vertical-align virker ikke på block elementer, så fjern "display:block;".
> - Og så er problemet bare, at height ignoreres.
>
> > Men hvad er tricket der kan faa linket til at aligne vertikalt i
> > midten af boksen? - det sker bare ikke!
>
> Prøv dette:
> <div style="line-height:30px;">
> <a href="#" style="vertical-align:middle;">Link</a></div>
>
> div er et block element, så "display:block;" slipper du for.
Tak for svarene folkens. Og specielt tak til Ryan! Med andre ord, CSS kan
ikke klare lige det jeg ville. Nemlig at slippe for extra <div>er, og kun
bruge specielle pseudoclasses i min menu (som skifter ved 'hover'), samt uden
brug af JavaScript eller andet. Min ide var nemlig at placere et billede som
baggrund til linket, men link-texten skulle aligne både verticalt og
horizontalt - samtidig med at baggrundsbilledet passer med baggrundstapetet i
en omgivende box..
(I want pixel-perfection! weep)
Endnu engang tak!
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials