mano sobre link no aparece?

[chefnelone]

Hola
tengo este codigo que es un botón:(un div anidado dentro de <a></a>)

Código:

<a href="carta.php"><div style="width:123px;height:30px;text-align:center;padding-top:12px;font-family:Georgia, Verdana;color:white;float:left; background-image:url(images/taboff2.png);">Primeros</div></a>

O sea que es un div con una imagen de fondo.

Todo funciona bien pero... El problema es que en IE cuando paso el cursor sobre el div no aparce la manito tipica que indica que es un enlace.

he probado con cursor:hand; pero sin resultado

gracias

...quizás era mejor en el foro de css no?

[masterpuppet]

el problema es q el <a> va dentro del <div> y no al reves.

Código:

<div style="width:123px; height:30px; text-align:center; padding-top:12px; font-family:Georgia, Verdana; color:#000000; float:left; background-image:url(images/taboff2.png);"><a href="carta.php">Primeros</a></div>

[ElJavista]

Produndizaré un poco lo dicho por el titiritero, el DIV es una etiqueta que significa división y a parte de que da un salto de línea, corta con todas las demás etiquetas que no se han cerrado. Por lo tanto el "efecto" de la etiqueta A se corta mediante el DIV. Honestamente no sé porque lo has querido hacer así. Si necesitas darle formato a un link solamente define una clase sobre la etiqueta div que lo contiene. Digamos:

<div class="mdiv"><a href="carta.php">Primeros</a></div>

Entonces le das el estilo de la siguiente manera:

.mdiv a {
color:
/* Y lo demás que quieras */
}
.mdiv a:hover {
/* El estilo que presenta cuando el mouse está sobre el link*/
}

A esto se le llama estilo contextual. No es recomendable que todos los estilos estén en la misma etiqueta HTML, eso le hace perder la potencia del CSS.

[Mikmoro]

Y de paso, para IE prueba con:

cursor: pointer;

Mikel.

[chefnelone]

gracias. Solucionado

Saludos