Foros del Web » Creando para Internet » CSS »

Texto que se comporte como title

Estas en el tema de Texto que se comporte como title en el foro de CSS en Foros del Web. Hola, tengo un problemilla que me gustaría solucionar, tengo una página web con un formulario, y cada campo del formulario dispone de un interrogante que ...
  #1 (permalink)  
Antiguo 26/07/2010, 13:04
Avatar de Neldor  
Fecha de Ingreso: enero-2010
Mensajes: 52
Antigüedad: 7 años, 10 meses
Puntos: 1
Texto que se comporte como title

Hola, tengo un problemilla que me gustaría solucionar, tengo una página web con un formulario, y cada campo del formulario dispone de un interrogante que al pasar el ratón por encima debe mostrar un texto (esto lo hago con JS y queda bién), el problema es que este texto "flotante" no consigo que quede bien maquetado, no puedo situarlo donde yo quiero con la longitud que yo quiera. Más o menos tengo un código así:


<li><input type='text' /><img src='interrogante.png' class='ayuda' /><span class='msg-ayuda'></li>

y luego el código CSS es este más o menos:

.ayuda{
cursor: pointer;
position: relative
}
.msg-ayuda{
border: 1px solid #000;
bottom: 2.5em;
display: none;
max-width: 300px;
padding: 3px;
position: absolute;
opacity: 0.9;
left: 50px;
}

El primer problema está en que no coge los 300px de largo, llegando únicamente hasta donde llega el <ul>, la otra cosa también es que todo esto está metido en un <div>, y si el texto es demasiado grande en vez de sobresalir por encima del <div> este se oculta por el borde.

¿Alguna ayuda amigos? Aunque solo sea una página donde tengan algo parecido y pueda ver que han puesto. Muchas gracias, espero pronta respuesta.
  #2 (permalink)  
Antiguo 26/07/2010, 18:32
 
Fecha de Ingreso: enero-2009
Ubicación: Uruguay
Mensajes: 121
Antigüedad: 8 años, 11 meses
Puntos: 4
Respuesta: Texto que se comporte como title

el span no lo cierras ?

yo usaria width en vez de max-width porque algunos navegadores no lo sportan.

estaria bueno que dejes la url donde lo tienes o sino todo el codigo asi es mas facil ver el error.

Saludos
__________________
www.sandant.com - Blog de Programacion y mucho mas

WWW.SPEDEVIGNER.COM SE DEJARA DE USAR EN UN MES
  #3 (permalink)  
Antiguo 27/07/2010, 01:26
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: Texto que se comporte como title

tal vez esto te ayude!!

http://onehackoranother.com/projects/jquery/tipsy/

saludos!!
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]
  #4 (permalink)  
Antiguo 27/07/2010, 02:01
Avatar de Neldor  
Fecha de Ingreso: enero-2010
Mensajes: 52
Antigüedad: 7 años, 10 meses
Puntos: 1
Respuesta: Texto que se comporte como title

Bueno, el <span> no está cerrado por equivocación, en el código original está bien.
exxqizofrenicoo, muchas gracias, eso es lo que estaba buscando, aunque preferiría que solo fuera css, de todas maneras me es útil y voy a aprovecharlo. Lo importante es que ahora ya se que se llaman tooltips.

Última edición por Neldor; 27/07/2010 a las 02:24

Etiquetas: title
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.
Respuesta




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