Hola!
Ya lo corregi, y queda asi:
<style type="text/css">
#menu { list-style: none; margin: 0; padding: 0 }
#menu li {
background-image: url ( fondo_x.gif); background-repeat: repeat-y;
padding: 4px;
}
#menu a { text-decoration: none; margin-left: 2%; }
.imagen_left { margin-left: 1%; vertical-align: middle; }
</style>
<ul id="menu">
<li><img class="imagen_left" src="icono1.gif" alt="" /><a href=""
title="">Texto 1</a></li>
<li><img class="imagen_left" src="icono2.gif" alt="" /><a href=""
title="">Texto 2</a></li>
<li><img class="imagen_left" src="icono3.gif" alt="" /><a href=""
title="">Texto 3</a></li>
</ul>
Y el ejemplo visual:
http://www.estandaresweb.es/imagenes/ejemplo_menu_final.jpg
Saludos!
On 3/5/07, David Castelló <[EMAIL PROTECTED]> 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!
>
> --
> David Castelló
> http://www.estandaresweb.es
> http://coredump.es
--
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
