Rafael García Lepper escribió:
> Hola a todos,
>
> Tengo un problema con un menú que hago con ul en el que tengo unas imágenes
> de fondo con un ancho fijo para los li, y unos textos que deben estar
> alineados a la dcha. pero guardando un margen por la dcha. para que parezcan
> en el centro del bloque, el caso es que para que al hacer hover el fondo no
> se ajuste al ancho del texto ( aunque ponga un ancho fijo para el li se
> ajusta siempre) he de poner display: block pero entonces deja de hacer caso
> a la indicación de margen por la dcha, así que pensé que para eso estaba el
> text-indent, y lo usé, pero por algún motivo que no comprendo, no veo o no
> conozco, no me hace caso, alguno sabe a que se debe? tenéis idea de como
> puedo conseguir el resultado que busco?
>
El text-indent tiene que ser aplicado en elemento de tipo bloque y se
aplica a los elementos inline que contenga, para poder utilizarlo en tu
caso tendría que tenerlo el <li> y dejar los <a> inline.
Como prefieres el comportamiento de los bloques en los <a> puedes
utilizar el padding para moverlo y recuerda que el valor que le pongas
se sumará al de el width y height.
En tu ejemplo, en ul.menu li a {...} yo le quitaría el width y le
añadiría un padding-right: 3em;
--
Saludos -=stripTM=-
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
