Sujets similaires

Sujet: Retour à la ligne automatique dans une infobulle Dim 11 Oct 2009, 14:27

Code:: <a class="imginfo">TESTTTTTTTTTEEEEEEEEEUUUUUUUUUH <span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;">BLA BLA BLABLA BLLA BLA BLA BLA BLA BLABLA BLLA BLA BLA BLA BLA BLABLA BLLA BLA BLA BLA BLA BLABLA BLLA BLA BLA BLA BLA BLABLA BLLA BLA BLA BLA BLA BLABLA BLLA BLA BLA BLA BLA BLABLA BLLA BLA BLA BLA BLA BLABLA BLLA BLA BLA BLA BLA BLABLA BLLA BLA BLA BLA BLA BLABLA BLLA BLA BLA BLA BLA BLABLA BLLA BLA BLA BLA BLA BLABLA BLLA BLA BLA BLA BLA BLABLA BLLA BLA BLA BLA BLA BLABLA BLLA BLA BLA BLA BLA BLABLA BLLA BLA BLA </td></tr><tr align="center"/></tbody></table></span></a>

Il faut mettre la balise

Code:: <br>

À chaque endroit où tu veux qu'il y ai un retour à la ligne~ =D

Coucou !
Dans le CSS de ton infobulle, doit y avoir ceci : (me demande pas à quel endroit XD)

Code:: white-space: nowrap;

(ou un truc dans le même genre, j'me souviens plus trop *boulet* XD
Il te suffit de retirer cette ligne, et normalement ça marche ^^

Edit : La méthode BR marche aussi Razz

Non moi ce que je veux c'est que ça soit automatique. Par exemple lorsque l'on poste un message sur un forum tout ne ce met pas sur une seule ligne comme ce qui passe avec mon infobulle TT

j'ai tenté avec ton CSS, marche pas non plus TT

ôO Louche.
Tu veux bien me donner ton code CSS que je vois ? ._.

Code:: a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
white-space: nowrap;
}

a.imginfo span {
display: none; /* on masque l'infobulle */
white-space: nowrap;
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
white-space: nowrap;
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
white-space: nowrap;
}

Comme je savais pas où le mettre je l'ai mis partout ... --"

Merci en tout cas

Ah bha non justement '_' si tu veux que ça passe à la ligne, faut le retirer Razz

Atta, je teste sur mon fo de test pour voir x)

Code:: a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;

}

Voila ^^
Et pour voir que ça marche, je te propose un petit séjour sur mon fo' de test : http://jtest.forumactif.org/forum.htm

En fait il était déjà dans le code, là :

Citation :: a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
white-space: nowrap;
}

ça marche!

Mon sauveur!

Merci !

^^" Tant mieux =)
Puis-je classer la demande dans ce cas ?

Of couse!

Retour à la ligne automatique dans une infobulle

Retour à la ligne automatique dans une infobulle

Sujets similaires

Sujets similaires

Partenaires Or