¿Como hago funcionar este link?

[evans1950]

Hola!

Mirar tengo este código,

<a href="index.php"}"><li class="r1">prueba1</li></a>

Como lo hago funcionar, el tema es que .r1 tiene una imagen de fondo que necesito que sea de fondo. No una img.

Esta sintaxis no me sirve porque la imagen de fondo es más ancha que la longitud de prueba1, y así solo linkea prueba1.
<li class="r1"><a href="index.php"}">prueba1</a></li>

En internet explorer funciona perfectamente, no asi en firefox y chrome.

Un Saludo!

[gVenom]

Iniciado por evans1950

Hola!

Mirar tengo este código,

<a href="index.php"}"><li class="r1">prueba1</li></a>

Como lo hago funcionar, el tema es que .r1 tiene una imagen de fondo que necesito que sea de fondo. No una img.

Esta sintaxis no me sirve porque la imagen de fondo es más ancha que la longitud de prueba1, y así solo linkea prueba1.
<li class="r1"><a href="index.php"}">prueba1</a></li>

En internet explorer funciona perfectamente, no asi en firefox y chrome.

Un Saludo!

No soy muy bueno en lo que se refiere a la etiquetas pero me parece que el primer código tiene un error,

Código HTML:

<a href="index.php"}"> 

si te fijas bien tienes tres grupos de comillas (")abiertos, por lo que dejaste uno abierto y no estoy seguro que hace ese } ahi.

[evans1950]

Si si tiene un error pero pq lo he escrito a mano, en el codigo esta bien, dont worry, y gracias!

[Mikmoro]

Puedes hacerlo así:

<a href="index.php" class="r1">prueba1</a>

CSS:

a.r1 {display: block;
width: (el ancho de tu foto);
height: (el alto de tu foto);
}