Hola!
Estoy haciendo un menu contextual (tras hacer click en el boton derecho se
muestra el menu), y me gustaria darle un estilo similar a este:

http://www.estandaresweb.es/imagenes/ejemplo_css_menu.jpg

Fijaos que el menu tiene dos columnas, una donde estan las imagenes y otra
donde aparecen los textos que acompañan a las imagenes (Features,
Documentation, ...).
De momento quiero buscar una solucion utilizando listas, no quiero maquetar
con tablas, pero no consigo que la columna para los iconos, mantenga un
fondo uniforme sin notarse un espacio en blanco entre "li".

<style type="text/css">
  #menu { list-style: none; margin: 0; padding: 0 }
  #menu li { background-image: url ( fondo_x.gif);
  #menu a { text-decoration: none; }
</style>

<ul id="menu">
  <li><img src="icono1.gif" alt="" /><a href="" title="">Texto 1</a></li>
  <li><img src="icono2.gif" alt="" /><a href="" title="">Texto 2</a></li>
  <li><img src="icono3.gif" alt="" /><a href="" title="">Texto 3</a></li>
</ul>

¿Alguna idea al respecto de como conseguir ese estilo?
Lo unico que consigo es, o bien esto (se me repite la imagena lo largo de
todo el "li"):

  http://www.estandaresweb.es/imagenes/ejemplo_menu_1.jpg

O bien se nota los saltos entre los "li":

  http://www.estandaresweb.es/imagenes/ejemplo_menu_2.jpg

Saludos!

-- 
David Castelló
http://www.estandaresweb.es
http://coredump.es
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a