Ver Mensaje Individual
  #6 (permalink)  
Antiguo 03/02/2011, 17:27
Avatar de ras_chalo
ras_chalo
 
Fecha de Ingreso: junio-2010
Mensajes: 369
Antigüedad: 14 años, 5 meses
Puntos: 6
De acuerdo Respuesta: codigo simple..pero no me funciona :(

Cita:
Iniciado por Ag666 Ver Mensaje
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

Hola!
copie tu código y le hice las modificaciones correspondientes y me resulto de maravilla!!
muchas gracias!!!

y gracias a los demás por su aporte :)

saludos!!
y nuevamente muchas gracias!