hola estoy creando un menu dinamico en css y bueno la cosa va bien, pero.. no se como alinear el texto al centro de las celdas.
el menu lo podeis ver aqui:
www.mindpanic.com/index2.php (es el rediseño que estoy haciendo)
el codigo css del menu es este:
Código PHP:
.menuhorizontal a {
border: solid 1px;
border-color: #3D3D3D;
display: block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/
background-color:#666666; /*algo de color*/
color:#FFFFFF; /*mas*/
width: auto; /*defino el ancho del rectangulo del vinculo*/
padding:5px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/
text-decoration:none; /*elimino el subrayado del vínculo*/
vertical-align: middle;}
.menuhorizontal a:hover {
background-color:#000000; /*decoración para el evento hover (mouse encima)*/
color: #FF8C00;}
y el codigo de como he metido el menu es este:
Código HTML:
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="menuhorizontal">
<a href="http://www.mindpanic.com/index2.php" title="inicio" name="inicio"><b>Inicio</b></a>
</td>
<td class="menuhorizontal">
<a href="http://www.mindpanic.com/sets/sets.php" title="sets" name="sets"><b>Sets</b></a>
</td>
<td class="menuhorizontal">
<a href="http://www.mindpanic.com/temas/temas.php" title="audio tracks" name="audio tracks"><b>Audio Tracks</b></a>
</td>
<td class="menuhorizontal">
<a href="http://www.mindpanic.com" title="samples" name="samples"><b>Samples</b></a>
</td>
<td class="menuhorizontal">
<a href="http://www.mindpanic.com/equipos/equipos.php" title="equipos" name="equipos"><b>Equipos</b></a>
</td>
<td class="menuhorizontal">
<a href="http://www.mindpanic.com/tutoriales/tutoriales.php" title="tutoriales" name="tutoriales"><b>Tutoriales</b></a>
</td>
<td class="menuhorizontal">
<a href="http://www.mindpanic.com/links/links.php" title="Links" name="links"><b>Links</b></a>
</td>
<td class="menuhorizontal">
<a href="http://www.mindpanic.com/foros/index.php" title="foro" name="foro"><b>Foro</b></a>
</td>
</tr>
</table>
¿como lo he de hacer, cual es el codigo css que alinea el texto de los links al centro?
saludos