Tema: Problema con imagenes de menu horizontal
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 21/10/2009, 21:18
Avatar de willyfc
willyfc
 
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 15 años, 7 meses
Puntos: 40
Respuesta: Problema con imagenes de menu horizontal
Hola Cecilia_Cristina:

Podes ahorrarte un poco de código colocando un reset en el css que es el que va con el *:

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. <head>
  4. <title>Menu</title>
  5. <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
  6. <style type="text/css">
  7. *{margin:0; padding:0; border:0; outline:0;}
  8. #barra {float:left; width:100%;}
  9. #barra li{ list-style:none; float:left;}
  10. .inicio a{background:url(images/inicio.jpg) no-repeat; text-decoration:none; display:block; width:116px; height:40px;}
  11. .inicio a:hover {background-position:bottom; background-image:url(images/inicio_over.jpg);}
  12. .galerias a{background:url(images/galerias.jpg) no-repeat; text-decoration:none; display:block; width:150px; height:40px;}
  13. .galerias a:hover {background-position:bottom; background-image:url(images/galerias_over.jpg);}
  14. .servicios a{background:url(images/servicios.jpg) no-repeat; text-decoration:none; display:block; width:159px; height:40px;}
  15. .servicios a:hover {background-position:bottom; background-image:url(images/servicios_over.jpg); border: 0; }
  16. .mapa a{background:url(images/mapa.jpg) no-repeat; text-decoration:none; display:block; width:142px; height:40px;}
  17. .mapa a:hover {background-position:bottom; background-image:url(images/mapa_over.jpg);}
  18. </style>
  19. </head>
  20. <body>
  21. <ul id="barra">
  22.    <li><img src="images/relleno.jpg" /></li>
  23.   <li class="inicio"><a href="#" class="inicio"></a></li>
  24.   <li class="galerias"><a href="#" class="galerias"></a></li>
  25.   <li class="servicios"><a href="#" class="servicios"></a></li>
  26.   <li class="mapa"><a href="#" class="mapa"></a></li>
  27. </ul>
  28. </body>
  29. </html>

en la li donde esta relleno.jpg no esta cerrado según el código que pones, y la ul tampoco, podrías colgar algo en la red para que veamos que es lo que quieres lograr y como es que te queda mal, ya que no se cuanto mide tu imagen o que forma tiene.

PD: Bienvenida al foro
__________________
WFC
codigo82