Ver Mensaje Individual
  #7 (permalink)  
Antiguo 01/08/2009, 13:47
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: Menu css bonito

Mira a ver si esto te sirve, y si es así busca las diferencias (entre otras un detalle que se me escapó en mi último comentario)
Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
  3. <title>Kseso? jugando con css</title>
  4. <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
  5. <style type="text/css">
  6. * {
  7.     margin: 0;
  8.     padding: 0;
  9.     border: 0;
  10.     outline: 0;
  11.   position: relative;
  12. }
  13. #menu {margin: 10px auto 0; width:220px;}
  14. #menu ul{}
  15. #menu ul li{float:left; list-style-type:none;}
  16. #menu ul li a {
  17. background-color:#444;
  18. border-top:6px solid transparent;
  19. color:#FFFFFF;
  20. display:block;
  21. padding:8px;
  22. position:relative;
  23. text-decoration:none;
  24. }
  25. #menu ul li a:hover, #menu ul li a:active, #menu ul li a.activo {
  26. border-top:6px solid #2DA8D4;
  27. text-decoration:none;
  28. }
  29. </head>
  30. <div id="menu">
  31. <ul>
  32. <li><a class="activo" href="#">Inicio</a></li>
  33. <li><a href="contacto.html">Contacto</a></li>
  34. <li><a href="contacto.html">Otro</a></li>
  35. </ul>
  36. </div>
  37. </body>
  38. </html>

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++