Buenas. En un software que estoy elaborando, deseo elaborar un modelo de men� que me permita colocar un �cono por delante de cada entrada del men�. Sin embargo, los �conos pueden variar seg�n la entrada del men�, por lo que no se mantienen iguales en toda la lista de opciones (as� que no estoy utilizando listas).
El problema se presenta cuando la entrada del men� ocupa m�s de una l�nea, por lo que el texto se desplaza hacia la siguiente desde el margen izquierdo, anulando el efecto de lista que deseo para las entradas del men�; esto es debido a que el ancho para todo el men� es fijo (en 150px)


El men� que deseo mostrar es m�s o menos as�:

(*) Entrada uno que
   puede ser larga
(&) Entrada dos
(&) Entrada tres que
   tambi�n es larga
($) Entrada cuatro
(%) Entrada cinco
   con texto largo

donde (*), (&), ($) y (%) son im�genes de 14px de alto por 18px de ancho

He creado el siguiente c�digo:

#menu a {
 margin-left: 0px;
 padding-left: 20px;
 background-repeat: no-repeat;
}

y para cada entrada en html:

<a href="url" title="title" style="background-image: url(images/imagen1.gif)">Entrada uno que puede ser muy larga</a><br>

La opci�n text-indent no ha funcionado por lo que no la estoy utilizando.

La salida es algo as� como lo siguiente:

(*) Entrada uno que
puede ser larga
(&) Entrada dos
(&) Entrada tres que
tambi�n es larga
($) Entrada cuatro
(%) Entrada cinco
con texto largo

Necesito su ayuda para solucionar este l�o. No s� si las listas pueden cambiar los �conos de las vi�etas para diferentes opciones.

Cualquier ayuda ser� bienvenida.

Agradecido de antemano.

Alejandro Salamanca

_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a