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;}
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>
saludos