Ver Mensaje Individual
  #5 (permalink)  
Antiguo 03/02/2011, 12:42
Avatar de ArturoGallegos
ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: codigo simple..pero no me funciona :(

1.- para que usas el span?
2.- los menus se hacen con listas

prueba este codigo y ajustalo a tus necesidades por si algo se me fue
Código CSS:
Ver original
  1. #Menu ul{display:block;margin:0;padding:0;list-style:none;}
  2. #Menu ul li{display:block;float:left;margin:0 2px;}
  3. #Menu ul li a{display:block;width:120px;height:40px;background:#333 url(img/boton.png) no-repeat 0px 10px;font:20px Candara;color:#fff;text-align:center!important;text-decoration:none;line-height:40px;}
  4. #Menu ul li a:hover,#Menu ul li a:active{background:#ff9900 url(img/boton_2.png) no-repeat 0px 10px;}

Código HTML:
Ver original
  1. <div id="Menu">
  2. <ul>
  3.     <li><a href="#"><span>Inicio</span></a></li>
  4.     <li><a href="#"><span>Conoscanos</span></a></li>
  5.     <li><a href="#"><span>Servicios</span></a></li>
  6.     <li><a href="#"><span>Planes</span></a></li>
  7.     <li><a href="#"><span>Contacto</span></a></li>
  8. </ul>
  9. </div>

Nota: el tipo de letra Candara no es buena idea utilizarla ya que puede llegar a no estar instalada en algunas maquinas