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

_______________________________________________
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