Foros del Web » Creando para Internet » HTML »

mano sobre link no aparece?

Estas en el tema de mano sobre link no aparece? en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 25/03/2008, 06:54
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 12 años
Puntos: 15
mano sobre link no aparece?

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?
  #2 (permalink)  
Antiguo 25/03/2008, 10:09
Avatar de masterpuppet
Software Craftsman
 
Fecha de Ingreso: enero-2008
Ubicación: Montevideo, Uruguay
Mensajes: 3.550
Antigüedad: 9 años, 11 meses
Puntos: 845
Re: mano sobre link no aparece?

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>
  #3 (permalink)  
Antiguo 25/03/2008, 10:46
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Re: mano sobre link no aparece?

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.
  #4 (permalink)  
Antiguo 25/03/2008, 18:13
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: mano sobre link no aparece?

Y de paso, para IE prueba con:

cursor: pointer;

Mikel.
  #5 (permalink)  
Antiguo 26/03/2008, 02:58
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 12 años
Puntos: 15
Re: mano sobre link no aparece?

gracias. Solucionado

Saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 15:30.