vertical align text in link..

[mech7]

zit met een probleempje is het niet mogelijk om text vertical te alignen binnen een link.. ik kan geen padding gebruiken want er zit ook een plaatje in de link.


a.modelLink:link, a.modelLink:visited {
display:block;
width:338px;
border:1px solid #000000;
background-color:#133e5e;
vertical-align:top;
text-decoration:none;
color:#bcdcf2;
height:100px;
background-image:url(../images/bgModels.gif);
line-height: 50px;
}
a.modelLink:hover {
display:block;
border:1px solid #000000;
background-color:#263947;
vertical-align:top;
text-decoration:none;
color:#bcdcf2;
height:100px;
background-image:url(../images/bgModels_hover.gif);
}

[moxie]

Dat is met css nog steeds erg lastig. Text-align:center; werkt prima, maar in de hoogte niet. Maar je kunt natuurlijk ook je achtergrondplaatje toch verplaatsen?:
background:url(../images/bgModels_hover.gif) no-repeat 0 5px;

waarbij het eerste getal staat voor positie gerekend vanaf links, en het tweede vanaf boven.

[mech7]

mjah het probleem is dus dat ik geen achtergrond plaatje gebruik maar een <img tag.. en daarnaast wat text.. :(

[moxie]

Beetje spelen dan met de padding van de <a> ? Moet toch lukken op die manier.

[mech7]

umm ik had toch gezegd padding werkt niet?? want dan gaat de img ook mee en die is variabele hoogte... :confused:

line-height werkt ook niet :mad: