Code Infobulle - petit problème

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code Infobulle - petit problème

Message par softbreath le Mar 26 Juil 2011 - 5:11

Salut !

Voici mon problème, en espérant que vous puissiez m'aider.

J'ai créé une fiche de liens pour mon personnage sur un forum. Mes liens s'affichent seulement par image puis une infobulle s'affiche lors du passage de la souris. L'infobulle fonctionne, mais mon texte dans l'infobulle se met en une seule ligne, alors que je le voudrais dans mon infobulle seulement. Voici une "screencap" de ce que j'essaie de vous expliquer.

Spoiler:

Normalement, je n'ai aucun problème à gérer mes codes HTML, mais là, j'ignore totalement ce qui ne va pas. Comme le forum en question n'est pas le mien, je n'ai pas accès à la feuille de style CSS, et donc, je ne peux pas me fier sur ça pour arriver au résultat que je voudrais. Je vous donne mon code :

Spoiler:
Code:
[center]






















































[table style="width: 500px; border-collapse:collapse; margin-top: -750px;"][tr][td][url=http://forum.forumactif.com/#][img]http://i26.tinypic.com/9gzztt.png[/img]
CAMILLA KAHN

[justify]Cam... Je sais très bien que mes relations avec papa te font souffrir. Je me rends bien compte que ce n'est pas facile pour toi. Tu voudrais pouvoir nous aider mais il n'y a hélas rien à faire. Le seul moyen que j'aie pour remédier à toutes ces disputes, c'est de partir. Je ne pourrai pas élever ta nièce dans ce type d'atmosphère, et tu le sais bien, n'est-ce pas ? Et puis partir de la maison, j'en ai vraiment besoin. Il n'y a pas que papa qui m'y pousse. Bref, je me comprends. Mais sache que je t'aime ma puce. Rien ne t'empêche de m'appeler dans n'importe quelle situation. Je te jure que mes liens avec toi ne changent en rien à cause de papa ou à cause de mon départ. Je t'aimerai toujours petite soeur. Mon amour pour toi est une garantie à vie. ♥[/justify][/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i54.tinypic.com/rbbs0g.png[/img]
CASSANDRA HEAVEN

[justify]Il est vrai que l’on se ressemble toi et moi. Pour moi, tu es comme une sœur ou une mère, toujours prête à sortir les griffes pour me défendre. Ces derniers temps, c’est vraiment ce dont j’ai besoin, en effet. Si je veux venir chez toi, comme ça m’arrive quelques fois? Ouais, d’accord ! Mais pas d’alcool pour moi ![/justify][/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://img.photobucket.com/albums/v353/PattieBoyd/Icons/0804092.png[/img]
CHARLY STILLER[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://images4.fanpop.com/image/photos/20200000/Troian-Bellisario-troian-bellisario-20285030-100-100.jpg[/img]
CLAIRE O'CONELL[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://fc01.deviantart.net/fs71/f/2010/075/3/5/Sienna_Miller_Icon_1_by_Jewell89.jpg[/img]
ELENA VAN WAGNER[/url][/td]   [/tr]   [tr]      [td][url=http://forum.forumactif.com/#][img]http://media.tumblr.com/tumblr_li09llA2MC1qc9rkw.jpg[/img]
EMILY JOHNSON[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://obsession27.free.fr/boutons/iconevanrachelw4.jpg[/img]
GAËLLE MCCLAIR[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i37.tinypic.com/34qwk1x.png[/img]
JOY KING[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i21.photobucket.com/albums/b289/moodymegg/pb/Freya%20Mavor/Freya140.png[/img]
KATYA FITZGERALD[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i55.tinypic.com/2ed9i8l.png[/img]
KENNEDY SMITH[/url][/td]   [/tr]   [tr]      [td][url=http://forum.forumactif.com/#][img]http://obsession27.free.fr/boutons/iconkatiecassidyy2.jpg[/img]
KIERA CLEAVERS[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i49.tinypic.com/2lwnjwx.png[/img]
LEONOR STONE[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i38.tinypic.com/35kjtci.png[/img]
LOU HUNTINGTON[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i249.photobucket.com/albums/gg227/tomorrowpbs/pbnayariveraglee2/n46.png[/img]
NAYA FREEMAN[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i29.tinypic.com/35akhtl.png[/img]
SAVANNAH RICHARDSON[/url][/td]   [/tr]   [tr]      [td][url=http://forum.forumactif.com/#][img]http://5c.img.v4.skyrock.net/5c0/marksalling-music/pics/2944987575_0_5.png[/img]
ADAM REEVERS[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://img357.imageshack.us/img357/5167/iconbbarnesas4.jpg[/img]
ADRIAN O'CONELL[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i26.tinypic.com/2n99jlf.jpg[/img]
BRYAN MAYFIELD[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://img11.imageshack.us/img11/5301/iconrobertpattinsonst5.jpg[/img]
GREGORY WHITELEY[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i56.tinypic.com/ifo77r.png[/img]
HEATHCLIFF O'CONELL[/url][/td]   [/tr]   [tr]      [td][url=http://forum.forumactif.com/#][img]http://img245.imageshack.us/img245/1592/jay17.jpg[/img]
JAY BLACK[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i52.tinypic.com/2vxm0ih.jpg[/img]
JÉRÉMY HUNTINGTON[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://img821.imageshack.us/img821/7201/sanstitre17copie.jpg[/img]
JESSE GALLAGHER[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i76.servimg.com/u/f76/10/06/05/23/avat_110.jpg[/img]
LUKAS WHITELEY[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://s30.photobucket.com/albums/jj252/clashwitheverything/icons/matthew%20morrison/mattmorrison114.png[/img]
PETER MAYFIELD[/url][/td]   [/tr][tr]      [td][url=http://forum.forumactif.com/#][img]http://a0.zupimages.net/1170410618.png[/img]
WILLIAM LIVINGSTONE[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i38.tinypic.com/1ztk6.png[/img]
ZAIN RICHARDSON[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://l-userpic.livejournal.com/72317908/15097234[/img]
HOLDEN TURNER[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://www.ufu.co.il/files/o6kwxqhbemhixccwpsex.png[/img]
NINA VAN VALKENBURG[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://cache.ykone.com/8033B4/media/image/persons/1005/cory-kennedy-40997-100x100.jpg[/img]
ALIX CARTWRIGHT[/url][/td]   [/tr][tr]      [td][url=http://forum.forumactif.com/#][img]http://images4.fanpop.com/image/photos/16200000/Emma-Stone-icons-emma-stone-16297319-100-100.jpg[/img]
ANNIE MCCORMICK[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://www.abload.de/img/iconauftrag11v509.jpg[/img]
PAUL WESLEY[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i97.photobucket.com/albums/l231/gothic-anime-witch-of-doom/1.png[/img]
ANGÉLIQUE MCCLAIR[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://pics.livejournal.com/library_of_sex/pic/004aewg9[/img]
MARK SMITH[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://fc09.deviantart.net/fs50/f/2009/324/1/8/Taylor_Momsen_icon_9__by_donttrustlizzie.png[/img]
SARA VAN WAGNER[/url][/td]   [/tr][tr]      [td][url=http://forum.forumactif.com/#][img]http://www.hollow-art.com/files/Matt_Dallas_059.jpg?0[/img]
SHAWN CRAAWFORD[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://pics.livejournal.com/mioracles/pic/0000cekc[/img]
MIKE HUNTINGTON[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i36.tinypic.com/vpia09.png[/img]
EVANE DAMENEZ[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i33.servimg.com/u/f33/11/83/42/80/sans_t87.png[/img]
NOM DU PERSONNAGE[/url][/td]      [td][url=http://forum.forumactif.com/#][img]http://i33.servimg.com/u/f33/11/83/42/80/sans_t87.png[/img]
NOM DU PERSONNAGE[/url][/td]   [/tr][/table]
[/center]


Si jamais vous voulez des précisions, n'hésitez pas à me les demander. Je trouve que mes explications n'étaient pas très claires, mais comme je l'ai dit, ça ne m'est jamais arrivée de poser une question pour mes codes... Alors bref, j'espère que vous pourrez m'aider!

Merci d'avance ! Razz


Dernière édition par softbreath le Mar 26 Juil 2011 - 23:44, édité 1 fois

softbreath
**

Féminin
Messages : 83
Inscrit(e) le : 26/07/2011

http://powerfulpeople.forumactif.org/
softbreath a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Infobulle - petit problème

Message par Kaela Naoki le Mar 26 Juil 2011 - 6:16

As tu tentez de remplacé , les 150 px par des 50 px ?

Cordialement


Dernière édition par Kaela Naoki le Mar 26 Juil 2011 - 6:26, édité 2 fois

Kaela Naoki
***

Féminin
Messages : 140
Inscrit(e) le : 03/03/2011

http://otoko-gakuen.forum-canada.com/
Kaela Naoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Infobulle - petit problème

Message par softbreath le Mar 26 Juil 2011 - 6:21

J'ai déjà essayé. Ça ne fonctionne pas. Tout ce que ça fait, c'est que ça change la largeur du carré beige entouré de noir. Ça ne change rien pour le texte.

softbreath
**

Féminin
Messages : 83
Inscrit(e) le : 26/07/2011

http://powerfulpeople.forumactif.org/
softbreath a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Infobulle - petit problème

Message par Kaela Naoki le Mar 26 Juil 2011 - 6:27

Tu ne peu pas copier le css ?

Cordialement

Kaela Naoki
***

Féminin
Messages : 140
Inscrit(e) le : 03/03/2011

http://otoko-gakuen.forum-canada.com/
Kaela Naoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Infobulle - petit problème

Message par softbreath le Mar 26 Juil 2011 - 6:31

Non, malheureusement. Le forum n'est pas le mien. Je n'ai pas accès au Panneau d'Administration.

Cordialement.

softbreath
**

Féminin
Messages : 83
Inscrit(e) le : 26/07/2011

http://powerfulpeople.forumactif.org/
softbreath a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Infobulle - petit problème

Message par Kaela Naoki le Mar 26 Juil 2011 - 6:43

Et bien je ne sais pas trop quoi faire , avez vous songer a modifier les 800px ou d'autre grande dimension ?

Kaela Naoki
***

Féminin
Messages : 140
Inscrit(e) le : 03/03/2011

http://otoko-gakuen.forum-canada.com/
Kaela Naoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Infobulle - petit problème

Message par softbreath le Mar 26 Juil 2011 - 6:52

Ces grandes dimensions, je les ai ajoutées après que le problème soit survenu. C'est vraiment l'infobulle qui a un problème, mais je n'arrive pas à mettre le doigt dessus :/

Merci tout de même d'essayer de m'aider.

Cordialement.

softbreath
**

Féminin
Messages : 83
Inscrit(e) le : 26/07/2011

http://powerfulpeople.forumactif.org/
softbreath a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Infobulle - petit problème

Message par Kaela Naoki le Mar 26 Juil 2011 - 8:08

Si c'est vraiment l'infobulle , je pense que le problème se cachera dans le css Smile

Cordialement

Kaela Naoki
***

Féminin
Messages : 140
Inscrit(e) le : 03/03/2011

http://otoko-gakuen.forum-canada.com/
Kaela Naoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Infobulle - petit problème

Message par softbreath le Mar 26 Juil 2011 - 8:16

Très bien. Dès que j'ai l'occasion, je demanderai à l'un des admin la partie concernant les infobulles dans le CSS et s'ils veulent bien me le donner, et s'ils acceptent, je viendrai donner le code ici pour qu'on puisse trouver où est le problème.

Merci beaucoup encore une fois !


Cordialement.

softbreath
**

Féminin
Messages : 83
Inscrit(e) le : 26/07/2011

http://powerfulpeople.forumactif.org/
softbreath a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Infobulle - petit problème

Message par softbreath le Mar 26 Juil 2011 - 18:37

Désolée pour le double post...
Comme promis, je vous envoie le code CSS concernant les infobulles sur le forum où je veux mettre ma fiche de lien.


Spoiler:
Code:
* {


}
a.info {
position: relative;
color: #000000;
text-decoration: none;
}

a.info span {
display: none; /* on masque l'infobulle */
font-size: 9px;

}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info: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: 0px; /* on positionne notre infobulle */
left: 30px;

background: #EEE0B7;

color: #000000;
padding: 3px;

border: 3px solid #BB9E84;

/* bordures de votre infobulle*/
border : #BB9E84 solid 3px ;
-moz-border-radius:0px 10px 10px 0px ;


}


Je ne vois pas où pourrait se trouver le problème. Est-ce la position qu'il faut changer ?



Cordialement.

softbreath
**

Féminin
Messages : 83
Inscrit(e) le : 26/07/2011

http://powerfulpeople.forumactif.org/
softbreath a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Infobulle - petit problème

Message par Kaela Naoki le Mar 26 Juil 2011 - 22:42

Voilà j'ai trouvée Smile
Dans ton code il y a ceci ...
Code:
 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é */
 

tu n'a qu'a enlevée le : nowrap

Sur mon forum test ça marche , donc tu n'aura qu'a changer les proportions de tes Infobulle pour que sa soit a ton goût .

Cordialement Smile



Kaela Naoki
***

Féminin
Messages : 140
Inscrit(e) le : 03/03/2011

http://otoko-gakuen.forum-canada.com/
Kaela Naoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Infobulle - petit problème

Message par softbreath le Mar 26 Juil 2011 - 22:53

Mais le problème, ce forum ne m'appartient pas. Je ne peux pas leur demander de changer leur css pour que ma fiche de lien fonctionne. Y a-t-il un moyen pour que je puisse simplement ajouter quelque chose dans mon code HTML pour que ça fonctionne?

Sinon, merci d'avoir trouvé le problème !



Cordialement.

softbreath
**

Féminin
Messages : 83
Inscrit(e) le : 26/07/2011

http://powerfulpeople.forumactif.org/
softbreath a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Infobulle - petit problème

Message par Kaela Naoki le Mar 26 Juil 2011 - 23:40

Je ne pense pas , mais au fond tu n'a pas a leur demander de changer le Css au complet seulement d'enlevée le mots : nowrap . Explique leur je suis sur qu'il vont comprendre .

Je suis heureuse de t'avoir aidée Smile

Cordialement

Kaela Naoki
***

Féminin
Messages : 140
Inscrit(e) le : 03/03/2011

http://otoko-gakuen.forum-canada.com/
Kaela Naoki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Infobulle - petit problème

Message par softbreath le Mar 26 Juil 2011 - 23:44

Parfait alors, merci ! ^^

softbreath
**

Féminin
Messages : 83
Inscrit(e) le : 26/07/2011

http://powerfulpeople.forumactif.org/
softbreath a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Infobulle - petit problème

Message par Kaela Naoki le Mar 26 Juil 2011 - 23:45

De rien sa fait tout a fait plaisirs

Cordialement .

Kaela Naoki
***

Féminin
Messages : 140
Inscrit(e) le : 03/03/2011

http://otoko-gakuen.forum-canada.com/
Kaela Naoki a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum