Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/01/2014, 10:32
Avatar de blancoarnau
blancoarnau
 
Fecha de Ingreso: junio-2013
Mensajes: 119
Antigüedad: 10 años, 10 meses
Puntos: 0
Nav centrado que ocupe todo el ancho de la pantalla

Hola a todos. Estoy diseñando una web pero tengo unos problemillas con el nav dónde se puede ir a las diferentes páginas de la web. El problema es que quiero que ocupe todo el ancho de la pantalla y que los enlaces de las páginas estén más o menos centrados, no quiero que me ocupen también todo el ancho de la pantalla.
Lo he intentado y me he quedado en esto:



Mi código HTML:
Código HTML:
Ver original
  1. <nav>
  2. <ul>
  3. <li><a href="#">Home</a></li>
  4. <li><a href="#">Interesante</a></li>
  5. <li><a href="#">Tiempo</a></li>
  6. <li><a href="#">Galería</a></li>
  7. <li><a href="#">Participar</a></li>
  8. <li><a href="#">About</a></li>
  9. </ul>
  10. </nav>

Y mi código CSS (eliminando el resto de los elementos de la web):
Código CSS:
Ver original
  1. nav ul li a{
  2. text-decoration:none;
  3. color:white;
  4. }
  5. nav ul li a:hover{
  6. color:grey;
  7. }
  8. nav{
  9. border-width:1px;
  10. margin-left:25%;
  11. }
  12. nav ul li{
  13. border-width:1px;
  14. text-align:center;
  15. padding-left:10px;
  16. padding-right:10px;
  17. font-size:30px;
  18. font-variant:small-caps;
  19. float:left;
  20. background-color:black;
  21. list-style:none;
  22. }
  23. *{
  24. padding:0px 0px;
  25. margin:auto;
  26. }

Última edición por blancoarnau; 25/01/2014 a las 10:41