Foros del Web » Creando para Internet » CSS »

como mostrar imagenes al centro en un menu horizontal

Estas en el tema de como mostrar imagenes al centro en un menu horizontal en el foro de CSS en Foros del Web. buenas noches. estoy implementando un menu horizontal css. en los texto del menu hay imagenes al centro como el que estoy desarrollando. http://img222.imageshack.us/img222/7...aloriginal.jpg aqui muestro ...
  #1 (permalink)  
Antiguo 05/12/2010, 18:15
(Desactivado)
 
Fecha de Ingreso: abril-2008
Mensajes: 787
Antigüedad: 9 años, 7 meses
Puntos: 7
como mostrar imagenes al centro en un menu horizontal

buenas noches. estoy implementando un menu horizontal css. en los texto del menu hay imagenes al centro como el que estoy desarrollando.

http://img222.imageshack.us/img222/7...aloriginal.jpg

aqui muestro mi codigo css.

Código CSS:
Ver original
  1. div#menu ul{
  2.     margin:0;
  3.     padding:0;
  4.     list-style:none;
  5. }
  6.  
  7. /* sufijos
  8. -top (superior), right (derecha), -bottom (inferior), left (izquierda): */
  9. div#menu li{
  10.     float:left;
  11.     font-family:Arial, Helvetica, sans-serif;
  12.     font-size:13px;
  13.     width:107px;
  14.     height:39px;
  15.     text-align:center;
  16.     padding-top:10px;
  17.     background:url(../imagenes/icono-menu.gif) no-repeat 0px;  
  18. }
  19.  
  20. div#menu li a{
  21.     color:#FFF;
  22.     text-decoration:none;
  23.     padding:0 10px 0 10px;
  24.     width:107px;   
  25. }
  26.  
  27. div#menu li a:hover{
  28.     color:#ffd06d;
  29. }

y el html del menu.

Código HTML:
Ver original
  1. <div id="contenedor">
  2.   <div id="menu">
  3.     <ul>
  4.       <li><a href="#" title="home">home</a></li>
  5.       <li><a href="#" title="nosotros">nosotros</a></li>
  6.       <li><a href="#" title="cartas">cartas</a></li>
  7.       <li><a href="#" title="prensa">prensa</a></li>
  8.       <li><a href="#" title="eventos">eventos</a></li>
  9.       <li><a href="#" title="sense lounge">sense lounge</a></li>
  10.       <li><a href="#" title="contacto">contacto</a></li>
  11.     </ul>
  12.   </div>
  13. </div>

la tipografia es lo de menus. lo que me interesa mas es como colocar las imagenes al centro.

les agradeceria si me ayudan con el menu que estoy desarrollando.

saludos.

Última edición por esaenz22; 05/12/2010 a las 18:26 Razón: correccion.
  #2 (permalink)  
Antiguo 08/12/2010, 13:27
 
Fecha de Ingreso: noviembre-2010
Mensajes: 47
Antigüedad: 7 años
Puntos: 2
Respuesta: como mostrar imagenes al centro en un menu horizontal

Mmm ps si capté la idea, deberías darle a los li display:block; float:left

Saludos

Etiquetas: centro, horizontal, imagenes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:36.