Tema: color en firefox
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 15/04/2011, 03:54
saul123
 
Fecha de Ingreso: marzo-2011
Mensajes: 119
Antigüedad: 13 años, 1 mes
Puntos: 9
Respuesta: color en firefox
Hola

te dejo un ejemplo de un menu espero que te sirva,
Código HTML: 
Ver original
  1. <ul id="navbar">
  2.             <li id="nhome">
  3.                 <a href="/index.php" title="home">HOME</a>            
  4.             </li> 
  5.             <li id="naboutus">
  6.                 <a href="/index.php" title="aboutus">ABOUT US</a>            
  7.             </li> 
  8.             <li id="nmygolf">
  9.                 <a href="/index.php" title="mygolf">MYGOLF</a>            
  10.             </li> 
  11.             <li id="nhotels">
  12.                  <a href="/index.php" title="hotels">HOTELS</a>         
  13.             </li> 
  14.             <li id="nclub">
  15.                  <a href="/index.php" title="club">CLUB</a>          
  16.             </li> 
  17.             <li id="npackages">
  18.                  <a href="/navbar.png" title="packages">PACKAGES</a>
  19.             </li> 
  20.             <li id="nservice">
  21.                  <a href="/index.php" title="service">SERVICE</a>          
  22.             </li> 
  23.             <li id="nshop">
  24.                  <a href="/index.php" title="shop">SHOP</a>          
  25.             </li> 
  26.             <li id="ncontact">
  27.                  <a href="/index.php" title="contact">CONTACT</a>          
  28.             </li> 
  29.         </ul>
Código CSS: 
Ver original
  1. #navbar {
  2.     width:782px;
  3.     height:29px;
  4.     padding:0;
  5.     margin: 0;
  6.     background:url(../imagenes/fondobar.gif)
  7.     }
  8. #navbar li {
  9.     padding:0;
  10.     list-style:none;
  11.     display: block;
  12.     
  13. }
  14. #navbar li a {
  15.     text-decoration:none;
  16.     float:left;
  17.     display:block;
  18.     font-family:"myriad pro";
  19.     font-weight:bold;
  20.     font-size:13px;
  21.     
  22.     text-align:center;
  23.     border-left:1px solid #cbcbcb;
  24.     border-right:1px solid #ffffff;
  25.     border-top:1px solid #cbcbcb;
  26.     border-bottom:1px solid #cbcbcb;
  27.     line-height:25px;
  28.     }
  29. li#nhome a {
  30.     width:96px;
  31.     height:28px;
  32.     color: #C66;
  33.     }
  34. li#naboutus a {
  35.     width:99px;
  36.     height:28px;
  37.     }               
  38. li#nmygolf a {
  39.     width:86px;
  40.     height:28px;
  41.     }
  42. li#nhotels a {
  43.     width:75px;
  44.     height:28px;
  45.     }
  46. li#nclub a {
  47.     width:69px;
  48.     height:28px;
  49.     }
  50. li#npackages a {
  51.     width:94px;
  52.     height:28px;
  53.     }
  54. li#nservice a {
  55.     width:82px;
  56.     height:28px;
  57.     }
  58. li#nshop a {
  59.     width:66px;
  60.     height:28px;
  61.     }
  62. li#ncontact a{
  63.     width:96px;
  64.     
  65.     height:28px;
  66.     }
  67. #navbar li a:hover {
  68. color: #F00;
  69.     }

No olvides de poner tu hoja de reset