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				
				 |