Jag har följande css Vad skulle det göra för skillnad? Och varför sker det endast i IE... och varför funkar det på första raden i tabellen men inte på resten av raderna? För mig fungerar det i IE. Här har du en snygg lösning som jag använder Fick till det... till slut... CSS "display:block" IE-problem
.sidemenu {
font-size:70%;
position:absolute;
top:100px;
left:0px;
width:120px;
margin:0px;
color:gray;
}
.sidemenu table {
width:100%;
}
.sidemenu td {
color:gray;
border:solid 1px;
}
.sidemenu a {
display:block;
text-decoration:none;
color:gray;
}
.sidemenu a:hover {
color:white;
background-color:gray;
}
och följande HTML
<div class="sidemenu">
<table>
<tr>
<td>
Start
</td>
</tr>
<tr>
<td>
Services
</td>
</tr>
<tr>
<td>
Contact
</td>
</tr>
</table>
</div>
Det här funkar som jag vill att det skall göra dvs att hela cellen byter bakgrundsfärg när muspekaren förs över cellen (ungefär som vänstermenyn här hos PS) i alla webbläsare förutom IE... där det bara funkar på den översta cellen i menyn. Någon som kan tala om för mig varför?
Sv: CSS "display:block" IE-problem
Sv: CSS "display:block" IE-problem
Anledningen till att du borde köra med en lista (UL) är att det är mer logiskt och ger mindre mängd kod.Sv: CSS "display:block" IE-problem
http://www.digital-halide.com/cssmenu/multi/Sv: CSS "display:block" IE-problem
Var tvungen att lägga till <b>width:100%;</b> för a-taggen...
.sidemenu a {
display:block;
text-decoration:none;
text-align:center;
color:gray;
width:100%;
}