Problem med valign
Jeg har på min hjemmeside nogen cell'er som fungere som menupunkter, disse skrifter farve når man kører musen over dem. Jeg kontrolere dette via CSS:a.menu {
display:block;
width:99%;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
background: #E0E0E0;
height: 21;
text-decoration:none;
text-valign: middle;
}
a.menu:hover {
display:block;
width:99%;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
background: #FFFFFF;
height: 19;
text-decoration:none;
text-valign: middle;
}
a.menu:link {
display:block;
width:99%;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
height: 19;
text-decoration:none;
}
a.menu:visited {
display:block;
width:99%;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
height: 19;
text-decoration:none;
}
a.menu:active {
display:block;
width:99%;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; font-style: normal;
font-weight: bold;
height: 19;
text-decoration:none;
}
Det fungere også fint. Men her kommer så problemet:
Teksten i cell'erne står i toppen af cellen, selvom valign er sat til middle.
Hvis jeg fjerne css på cellerne, står de i midten igen.
Hvad sker der?
