Poner estilo a etiqueta de explicacion de palabras o enlaces. Alt o Title?

edudw · #1 (**permalink**) 19/06/2005, 21:53

hola.

Estoy intentando darle estilo a la etiqueta alt o a la etiqueta title. lo que quiero es ponerle un fondo de color y no el que aparece por defecto. bueno, segui el enlace ( http://www.forosdelweb.com/showthrea...r=2#post343111 ) que explica como poner una aclaracion a una palabra. Este metodo no usa "alt", entonces si hago por ejemplo;

.alt {
background-color: #CCCCCC;
font-family: "Times New Roman", Times, serif;
color: #009933;
}
o .title {
background-color: #CCCCCC;
font-family: "Times New Roman", Times, serif;
color: #009933;
}

aunque sea con una imagen no funciona.

Que estoy haciendo mal.

desde ya gracias.

JavierB · #2 (**permalink**) 20/06/2005, 00:58

Hola edudw

No se puede dar estilos a los alt o title, tendrás que simularlo utilizando capas. Hay muchas páginas donde se explica como hacerlo, aquí te dejo un enlace:

http://www.dyn-web.com/dhtml/tooltips/

Saludos,

edudw · #3 (**permalink**) 20/06/2005, 23:04

Gracias JavierB.

Te pasaste con el link. Era dificil que llegase a ese sitio o a ese tipo de info ya que yo pensaba que eso se hacia aplicando css a "alt" o "title".

Gracias mil.

edudw · #4 (**permalink**) 20/06/2005, 23:21

Hola.

De nuevo yo. En ese enlace me di cuenta que hay que pagar alguno$ dolares por usarlo, asi que por lo mismo busque y encontre esta pagina donde se ofrece gratis (al menos eso veo a primera vista). Aqui dejo el link por si alguien quiere saber mas.

Gracias.

Link: http://dhtmltip.discoveryvip.com/

kahlito · #5 (**permalink**) 21/06/2005, 10:40

Hola edudw, tienes mal puesto el enlace:

http://dhtmltip.discoveryvip.com/

Por cierto creo que solo funciona en Iexplorer.

edudw · #6 (**permalink**) 21/06/2005, 12:17

si, gracias por la correccion. Lo probe en Firefox y no corre.... Aunque la manera como esta hecho en el link que dejo JavierB la probe en firefox y si funciona, pero bueno, para usar ese code hay que pagar, seguire buscando uno que funcione en mas de 1 navegador.

RoQ · #7 (**permalink**) 21/06/2005, 12:34

parece ke solo funciona en IE, pero si entras con Firefox a esta pagina http://www.newgrounds.com/portal/ y pasas es cursor por los links ahi si aparece el cuadro que quieres, seria cosa ke veas su codigo fuente.

edudw · #8 (**permalink**) 21/06/2005, 12:35

Hola RoQ.

Vere ese enlace gracias...

braulito · #9 (**permalink**) 21/06/2005, 14:25

Date una vuelta por:
http://www.kryogenix.org/code/browser/nicetitle/

Saludos

kahlito · #10 (**permalink**) 22/06/2005, 14:06

Otra manera de hacerlo es así, solo tienes que modificarlo a tu manera:

Código HTML:

<style type="text/css">
a.tool{
    position:relative; 
    text-decoration:none}
a.tool:hover{background-color:transparent;z-index:2;}
a.tool span{display: none}
a.tool:hover span{ 
    display:block;
    position:absolute;
	top:2em; left:2em; 
	border:1px solid #fff;
    background-color:#003366; color:#F5F5EE;
    }
</style>
<body>
<a href="#" class="tool"><img src="imagen.jpg" alt="" /><span>Hola</span></a>

Mira en esta web

http://psacake.com/web/jl.asp

O en este mensaje que tambien se habló de eso

http://www.forosdelweb.com/showthrea...light=funciona

Saludosss

edudw · #11 (**permalink**) 22/06/2005, 23:15

Gracias. Lo pruebo a ver como anda...