[SOLUCIONADO] Imagen en elemento del menú

[ivanalberquilla]

Hola,

Tengo un menú hecho en drupal y no tengo mucha idea de como modificar las clases y había pensado hacerlo por css.

El menú es de la forma:

Código:

<ul class="menu">
                 <li class="leaf">
                <li class="leaf">
                              <a class="active" title="" href="/#ofrecemos">Qué ofrecemos</a>
                <li class="leaf">
           </ul>

Y quiero poner una imagen justo detrás del texto "Qué ofrecemos".

¿Como puedo poner una imagen justo detrás? Había pensado en ponerla de borde derecho.

¿Como hago para seleccionar por css el fin del elemento a, la parte final del texto, y SOLO el segundo li?

Muchas gracias

[Zeromm]

Primero, tienes un error en el código, ya que no estás cerrando los <li>

Segundo. Si quieres seleccionar solamente el segundo <li> del caso que pones, es muy facil

.leaf a{estilos...}

Tercero. Para añadir un elemento después de un texto se usa el pseudoelemento after con la propiedad content. Quedaría algo así.

.leaf a::after{
content: url(imagen.png);
}

[ivanalberquilla]

Vale, perdón no he puesto el código completo, todos los li tienen un a los li no los he cerrado pero si están, de esta forma:

Código:

<ul class="menu">
                 <li class="leaf">
                              <a class="active" title="" href="/#Nosotros">Nosotros</a></li>
                <li class="leaf">
                              <a class="active" title="" href="/#ofrecemos">Qué ofrecemos</a></li>
                <li class="leaf">
                              <a class="active" title="" href="/#contacta">Contacta</a></li>
           </ul>

Muchas gracias por la ayuda, con lo que me dices ya se como ponerlo detrás del texto, pero ¿como selecciono el a de ofrecemos?

[Zeromm]

En este ejemplo puedes usar la pseudoclase nth. Quedaría así

.leaf:nth-child(2) a{
color: red;
}

[pzin]

Nótese que en HTML5 no es obligatorio cerrar los elementos de una lista.

[Zeromm]

Iniciado por pzin

Nótese que en HTML5 no es obligatorio cerrar los elementos de una lista.

Cierto cierto, pero... ¿como sabemos si está usando html5 o no? ante la duda lo correcto es cerrarlas, porque si no está usando html5 dará muchos problemas

[ivanalberquilla]

Asi funciona perfecto, gracias