decorar texto alt o title

helyanne · #1 (**permalink**) 05/03/2007, 12:24

puede q sea lo mas sencillo del mundo pero no encuentro como hacer para decorar un texto alt o title con css

me refiero a como lo declaro en la hoja externa?:
title {}
.title{}
#title{}
o cómo ...???

JavierB · #2 (**permalink**) 05/03/2007, 12:30

Hola helyanne

Que yo sepa no se puede. Si quieres puedes buscar, en las FAQs de JavaScript, tooltip mejorado.

Dime si te interesa para mover el mensaje a ese foro.

Saludos,

helyanne · #3 (**permalink**) 05/03/2007, 12:41

pensaba q se hacia con css... no me he fijado en el javascript de las paginas en las q lo he visto, voy a investigar.

helyanne · #4 (**permalink**) 05/03/2007, 14:38

yo no veo nada... no se si puedo poner las url de las paginas en las q he visto lo q busco... a ver si aluien sabe decirme como se hace.

jtoribioa · #5 (**permalink**) 05/03/2007, 15:09

hola mira esto no es especificamente un tooltip pero te puede servir
http://www.chuidiang.com/css/ejemplos/tooltip_css.php

jtoribioa · #6 (**permalink**) 05/03/2007, 15:15

también puedes buscar otros ejemplos en google

JavierB · #7 (**permalink**) 05/03/2007, 15:50

Otro enlace más: http://www.dyn-web.com/dhtml/tooltips/

Y ahora nos vamos al foro de JavaScript desde Css.

Saludos,

Mikmoro · #8 (**permalink**) 05/03/2007, 15:55

Hola, helyanne:

Con este código CSS puedes simular un poco un tooltip:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1" />
  <title>Tooltip CSS</title>
  <style type="text/css">
.tip { position: relative;
z-index: 0;
}
.tip:hover { background-color: transparent;
z-index: 1;
}
.tip span { border: 1px solid rgb(255, 102, 0);
padding: 5px;
position: absolute;
text-decoration: none;
background-color: rgb(255, 204, 153);
color: rgb(77, 38, 0);
width: 6em;
text-align: center;
visibility: hidden;
font-size: 0.7em;
line-height: 10px;
}
.tip:hover span { visibility: visible;
top: 30px;
left: 25px;
}
  </style>
</head>
<body>
<br />
<a href="#" class="tip">Pasar el rat&oacute;n<span>Tooltip</span></a><br />
<br />
<a href="#" class="tip">Pasar el rat&oacute;n<span>Title
simulado</span></a>
</body>
</html>

Puedes verlo aquí:

http://www.menoslobos.com/mikel/foro...ooltipCSS.html

Mikel.

P.D.: Disculpa, JavierB; lo has movido mientras escribía.

helyanne · #9 (**permalink**) 05/03/2007, 16:09

muchas gracias a todos
es lo q andaba buscando!