Ver Mensaje Individual
  #7 (permalink)  
Antiguo 27/08/2009, 05:57
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 11 meses
Puntos: 539
Respuesta: Problemas con menu <ul> horizontal

Hola Cristian.
Me refería a
Cita:
Lo único que queda es que el texto de los enlaces del menú se muestre centrado tanto horizontal como verticalmente, porque no me coge correctamente la propiedad vertical-align
Creí entender que quiere que los enlaces queden centrados dentro del li.
Eso entendí y para eso le hablaba de los padding.
Pueda el css
Código css:
Ver original
  1. #ejemplo ul { }
  2. #ejemplo ul li {float: left; list-style-type: none;}
  3. #ejemplo ul li a {background: #cdcdcd; display: block; padding: 10px; text-decoration: none;color: #444; border: 1px solid #262626; font-size:/*la que quieras poner*/;}
  4. #ejemplo ul li a:hover {text-decoration: none; color:#cdcdcd; background: #444; border: 1px solid #868686; }
con este html:
Código html:
Ver original
  1. <div id="ejemplo">
  2. <ul>
  3. <li>
  4. <a href="#">somos enlaces</a>
  5. </li>
  6. <li>
  7. <a href="#">que estamos</a>
  8. </li>
  9. <li>
  10. <a href="#">centrados</a>
  11. </li>
  12. <li>
  13. <a href="#">en la vertical</a>
  14. </li>
  15. <li>
  16. <a href="#">de nuestro li</a>
  17. </li>
  18. <li>
  19. <a href="#">sin importar el FONT-SIZE</a>
  20. </li>
  21. </ul>
  22. </div>
un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 27/08/2009 a las 06:19