padding Problem bei hover (vertcial:middle bei block)
Marc
- css
0 Marc
Hallo liebe Gemeinde!
ich habe ein kleines Problem mit CSS:
.touren_reiter, .touren_reiter A:link, .touren_reiter A:visited {
width:170px;
height:20px;
background-color:[rot];
text-align:center;
vertical-align:middle;
padding-top:2px;
display:block;
}
.touren_reiter A:hover {
background-color:[blau];
display:block;
padding-top:2px;
}
Wenn ich jetzt mit der Maus über die Zelle fahre, bleiben die 2 Pixel des padding-top in rot, der rest wird wie gewünscht blau. Ich brauche aber das padding, sonst ist der text nicht vertical zentriert (das vertical-align klappt bei desplay:block nicht wirklich...)
Weiß jemand einen Rat?
Danke!
Gruß Marc
ahhhh, so einfach: line-height ist das Stichwort.
Marc