[Ovillo] referencia a imagen en background
Felipe Fernandez
DANIELFM en teleline.es
Lun Mar 5 10:11:56 UTC 2007
David Castelló wrote:
>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!
>
>
>
Tomando este hilo pero cambiando de tema ¿es posible hacer una
referencia a una imagen que esta definida como background en un css?
saludos
Más información sobre la lista de distribución Ovillo