[Ovillo] Background en menu contextual con listas
David Castelló
dcastello en gmail.com
Lun Mar 5 09:35:49 UTC 2007
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
Más información sobre la lista de distribución Ovillo