PHP gevorderde |
|
http://www.mette.zoef-design.be/lol.jpg
CSS
div#menu{
margin-left: 500px;
margin-top: 50px;
position:absolute;
}
div#menu table{
width: 108px;
}
div#menu td,th{
height:22px;
width: 102px;
}
div#menu a:link{
width: 102px;
text-decoration: none;
height: 22px;
background-image: url(afbeeldingen/linkbutton.gif);
}
div#menu a:visited{
width: 102px;
text-decoration: none;
height: 22px;
background-image: url(afbeeldingen/linkbutton.gif);
}
div#menu a:hover{
background-image: url(afbeeldingen/linkbuttonhov.gif);
width: 102px;
height: 22px;
text-decoration: none;
}
div#menu{ margin-left: 500px; margin-top: 50px; position:absolute; } div#menu table{ width: 108px; } div#menu td,th{ height:22px; width: 102px; } div#menu a:link{ width: 102px; text-decoration: none; height: 22px; background-image: url(afbeeldingen/linkbutton.gif); } div#menu a:visited{ width: 102px; text-decoration: none; height: 22px; background-image: url(afbeeldingen/linkbutton.gif); } div#menu a:hover{ background-image: url(afbeeldingen/linkbuttonhov.gif); width: 102px; height: 22px; text-decoration: none; }
HTML
<div id="menu">
<table cellpadding="0" cellspacing="1">
<tr>
<td><a href="#">Hallo</a></td>
<td><a href="#">Hallo</a></td>
</tr>
</table>
</div>
<div id="menu"> <table cellpadding="0" cellspacing="1"> <tr> <td><a href="#">Hallo</a></td> <td><a href="#">Hallo</a></td> </tr> </table> </div>
Ik heb het probleem in FF dat de foto niet zo heel goed komt.
Hoe moet ik dit oplossen want in IE komt dit wel goed.
|