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:
Fijaos que el menu tiene dos columnas, una donde estan las imagenes (Features, Documentation, ...) y otra donde aparecen los textos ...
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".
Código HTML:
<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"):
O bien se nota los saltos entre los "li":
Saludos!