Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/09/2014, 10:00
Avatar de ignacio85r
ignacio85r
 
Fecha de Ingreso: mayo-2010
Ubicación: mar del plata
Mensajes: 155
Antigüedad: 14 años
Puntos: 0
Pregunta ConsultA alineacion componentes en menu.

buenas gente, estoy tratando de alinear un menu, mejor dicho que los links queden centrados pero solo me quedan alienados a la izquierda... como puedo solucionarlo????

aqui esta el codigo ccs y luego el html.

desde ya muchas gracias!



Código HTML:
Ver original
  1. <nav>
  2.         <ul>
  3.             <li><a href="http://">Menu 1</a></li>
  4.             <li><a href="http://">Menu 2</a></li>
  5.             <li><a href="http://">Menu 3</a></li>
  6.             <li><a href="http://">Menu 4</a></li>
  7.         </ul>
Código CSS:
Ver original
  1. *{
  2.     margin: 0px 0px;
  3.     padding: 0px 0px;
  4. }
  5.  
  6. body {
  7.     background-color: #00cccc;
  8. }
  9.  
  10. header {
  11.     background-color: #00ffcc;
  12.     text-align: center;;
  13. }
  14.  
  15. nav {
  16.     margin: 0px auto;
  17.     width: 75%;
  18. }
  19.  
  20. nav ul {
  21.     background-color: #0099cc;
  22. }
  23.  
  24. nav ul li {
  25.     color: #00ffcc;
  26.     display: inline-block;
  27.     list-style: none;
  28.     margin: 0px auto;
  29.     padding: 0px auto;
  30.     text-decoration: none;
  31.     width: 20%;
  32. }
  33.  
  34. nav ul li a {
  35.     display: inline-block;
  36.     text-align: center;
  37. }
  38.  
  39. section {
  40.     background-color: #0066cc;
  41.     max-width: 100%;
  42.     padding: 0px 0px;
  43. }
  44.  
  45. article {
  46.     background-color: #0033cc;
  47.     display: inline-block;
  48.     height: 200px;
  49.     margin: 0px 0px;
  50.     text-align: justify;
  51.     vertical-align: top;
  52.     width: 33.1%;
  53. }

__________________
Los manuales existen por un motivo... explicar el funcionamiento de algo. ;-)

Última edición por ignacio85r; 01/09/2014 a las 13:41 Razón: Correcciones