Ver Mensaje Individual
  #8 (permalink)  
Antiguo 05/03/2007, 15:55
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 7 meses
Puntos: 280
Re: decorar texto alt o title

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.