HTML interesse |
|
ben menu aan't maken voor een nieuwe site;
<table width="130" border="0" cellspacing="0" cellpadding="0" align="center" id="menu">
<tr height="30">
<td id="menu" align="center" ><a href="home.html" target="main">Home</a></td>
</tr>
<tr height="30">
<td id="menu" align="center"><a href="nieuws.html" target="main">nieuws</a></td>
</tr>
</table>
<table width="130" border="0" cellspacing="0" cellpadding="0" align="center" id="menu"> <tr height="30"> <td id="menu" align="center" ><a href="home.html" target="main">Home</a></td> </tr> <tr height="30"> <td id="menu" align="center"><a href="nieuws.html" target="main">nieuws</a></td> </tr> </table>
Dat is mijn menu.html pakt nu,
nu zoals je kan zien gebruik ik css om een mouseover effect te maken en dit als volgt: css code:
#menu a {
display:block;
width:130px;
height: 30px;
font: bold 10px Verdana;
color:#000088;
text-align: center;
background: url("../images/knop.jpg") 0 0 no-repeat;
text-decoration: none;
vertical-align: middle;
}
#menu a:hover {
background: url("../images/knopo.jpg") 0 0 no-repeat;
text-decoration: underline;
color: #000066;
}
#menu a { display:block; width:130px; height: 30px; font: bold 10px Verdana; color:#000088; text-align: center; background: url("../images/knop.jpg") 0 0 no-repeat; text-decoration: none; vertical-align: middle; } #menu a:hover { background: url("../images/knopo.jpg") 0 0 no-repeat; text-decoration: underline; color: #000066; }
mijn figuurkes van de knop zijn 130 op 30, maar nu staat mijn tekst bovenaan mijn tabel cell, nogtans staat de vertical-align op middle. Kan er mij iemand hier verder bij helpen ??
Alvast bedankt
|