Problème CSS ou HTML pour PA
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème CSS ou HTML pour PA
Bonjour,
Voila, sur un forum où je fais partit du staff, une des co-admin qui doit se charger de la PA a quelques petits soucis.
En effet, sur son forum test, ses codes marchent correctement sans aucun soucis mais dès qu'elle essaie de les placer sur le forum pour lesquels ils sont fait, ses onglets flottants ne fonctionnent plus.
Elle a beau chercher, elle ne trouve pas le problème.
Voici ses codes.
La PA:
Le CSS pour les onglets flottants (infobulles):
Les templates ont été modifiés pour le QEEL (qui contient des infobulles) et le CSS a été modifié également.
Voila, sur un forum où je fais partit du staff, une des co-admin qui doit se charger de la PA a quelques petits soucis.
En effet, sur son forum test, ses codes marchent correctement sans aucun soucis mais dès qu'elle essaie de les placer sur le forum pour lesquels ils sont fait, ses onglets flottants ne fonctionnent plus.
Elle a beau chercher, elle ne trouve pas le problème.
Voici ses codes.
La PA:
- Code:
<TABLE>
<TBODY>
<TR>
<TD><DIV style="BACKGROUND-COLOR: #400f28; WIDTH: 350px; -moz-border-radius: 6px; gainsboro: "><DIV style="TEXT-ALIGN: center" ;><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 9px"><DIV style="TEXT-ALIGN: center" ;><font color="#d3d3d3">WELCOME GUYS !</font></DIV></DIV></DIV><DIV style="BACKGROUND-COLOR: #400f28; WIDTH: 350px; -moz-border-radius: 6px; gainsboro: "><DIV style="TEXT-ALIGN: justify" ;>
<BLOCKQUOTE><font color="#d3d3d3">Alors, ici, petit message de bienvenue très chaleureux, très accueillant =DD Je laisse notre chère Fondatrice remplir ce petit carré ^^ Pas un truc trop long, hein ;) Tu guides les petits nouveaux dans notre petit monde, tu files des sucreries à la fin de la visite et hum... surtout, tu leur fais pas peur =DD</font></DIV></BLOCKQUOTE></DIV></DIV><DIV></DIV></SPAN><DIV style="BACKGROUND-COLOR: #400f28; WIDTH: 350px; -moz-border-radius: 6px; gainsboro: "><DIV style="TEXT-ALIGN: center" ;><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 9px"><DIV style="TEXT-ALIGN: center" ;><font color="#d3d3d3">ANNONCES</font></DIV></DIV></DIV><DIV style="BACKGROUND-COLOR: #400f28; WIDTH: 350px; -moz-border-radius: 6px; gainsboro: "><DIV style="TEXT-ALIGN: justify" ;>
<BLOCKQUOTE><font color="#d3d3d3"> - Le forum n'est PAS ENCORE OUVERT. Merci à tous les inscrits d'attendre l'ouverture pour poster ^^ </font></DIV></BLOCKQUOTE></DIV></DIV><DIV></DIV></SPAN><BR><BR><BR></TD>
<TD><DIV style="BACKGROUND-COLOR: #400f28; WIDTH: 220px; -moz-border-radius: 6px; gainsboro: "><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 9px"><DIV style="TEXT-ALIGN: center" ;><font color="#d3d3d3">POSTES VACANTS</font></DIV></DIV><DIV style="BACKGROUND-COLOR: #ffffff; WIDTH: 220px; -moz-border-radius: 6px; gainsboro: "></DIV></SPAN><div style="margin:auto;text-align:center;width:100%"><BR><img src="http://img11.hostingpics.net/pics/162216PvHarry.jpg" border="0" alt="" /> <img src="http://img11.hostingpics.net/pics/544290Pvginny.jpg" border="0" alt="" /> <img src="http://img11.hostingpics.net/pics/227133PVDeborah.jpg" border="0" alt="" /> <img src="http://img11.hostingpics.net/pics/686252PvDrago.jpg" border="0" alt="" /><img src="http://img11.hostingpics.net/pics/739956PvGeorge.jpg" border="0" alt="" /> <img src="http://img11.hostingpics.net/pics/564451PvFLeur.jpg" border="0" alt="" /><BR><img src="http://img11.hostingpics.net/pics/182414PvLuna.jpg" border="0" alt="" /> <img src="http://img11.hostingpics.net/pics/631187PVCassandre.jpg" border="0" alt="" /> <img src="http://img11.hostingpics.net/pics/459651PVBellatrix.jpg" border="0" alt="" /> <img src="http://img11.hostingpics.net/pics/235824PvCho.jpg" border="0" alt="" /></div><DIV style="TEXT-ALIGN: center; MARGIN: auto; WIDTH: 100%"> && <A class=postlink href="http://calderam.forumactif.biz/f10-avez-vous-vu-ce-sorcier">more</A></DIV><DIV></DIV><DIV></DIV><BR><BR></TD><TD><DIV style="BACKGROUND-COLOR: #400f28; WIDTH: 220px; -moz-border-radius: 6px; gainsboro: "><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 9px"><DIV style="TEXT-ALIGN: center" ;><font color="#d3d3d3">NAVIGATION RAPIDE</font></DIV></DIV><BR>
<CENTER>
</CENTER><DIV style="TEXT-ALIGN: center" ;><a href="http://calderam.forumactif.biz/t26-reglement-je-l-ai-lu-dans-l-histoire-de-poudlard" class="postlink" target="_blank">Règlement</a> . <a href="http://calderam.forumactif.biz/f5-l-histoire-de-poudlard" class="postlink" target="_blank">Infos utiles</a><br><a href="http://calderam.forumactif.biz/t76-postes-vacants" class="postlink" target="_blank">Postes Vacants</a> . <a href="http://calderam.forumactif.biz/f10-avez-vous-vu-ce-sorcier" class="postlink" target="_blank">Scénarios</a><br><a href="http://calderam.forumactif.biz/t36-bottin-des-avatars" class="postlink" target="_blank">Avatars Pris</a> . <a href="http://calderam.forumactif.biz/f16-repartition-des-personnages" class="postlink" target="_blank">Présentations</a></DIV></DIV><BR><DIV style="BACKGROUND-COLOR: #400f28; WIDTH: 220px; -moz-border-radius: 6px; gainsboro: "><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 9px"><DIV style="TEXT-ALIGN: center" ;><font color="#d3d3d3">SABLIERS</font></DIV></DIV><BR><img src="http://img11.hostingpics.net/pics/272239sabliers.jpg" border="0" alt="" /></DIV><DIV></DIV><DIV></DIV><DIV></DIV></SPAN></SPAN></TD></TR></TBODY></TABLE>
<TABLE>
<TBODY>
<TR>
<TD><DIV style="BACKGROUND-COLOR: #400f28; WIDTH: 220px; -moz-border-radius: 6px; gainsboro: "><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 9px"><DIV style="TEXT-ALIGN: center" ;><font color="#d3d3d3">THE LOVELY STAFF</font></DIV></DIV><DIV style="TEXT-ALIGN: center; MARGIN: auto; WIDTH: 100%"><BR><font color="MediumVioletRed"></font> <a class="infobulle"><font color="burlywood"><img src="http://img4.hostingpics.net/pics/976280IconDeschanel.jpg"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">Mary-Alice Jedusor</font><br/></td></tr><tr><td style="text-align: center;"><a class="infobulle"><img src="http://img5.hostingpics.net/pics/8482322928y7a_th.gif"/></a></td></tr><tr><td style="text-align: center;"><font size="1">Fondatrice <3<br/></font></td></tr></td></tr><tr><td style="text-align: center;"><font size="0,5"><a href="http://calderam.forumactif.biz/privmsg?mode=post&u=2" class="postlink" target="_blank">Contacter</a><br/></font></td></tr><tr align="center"/></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="infobulle"><font color="burlywood"><img src="http://img4.hostingpics.net/pics/163540IconRickman.jpg"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">Severus Rogue</font><br/></td></tr><tr><td style="text-align: center;"><a class="infobulle"><img src="http://img5.hostingpics.net/pics/444656bdr3p5_th.gif"/></a></td></tr><tr><td style="text-align: center;"><font size="1">Graphiste<br/></font></td></tr></td></tr><tr><td style="text-align: center;"><font size="0,5"><a href="http://skins-sexdrug.forumactif.org/msg.forum?mode=post&u=3" class="postlink" target="_blank">Contacter</a><br/></font></td></tr><tr align="center"/></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="infobulle"><font color="burlywood"><img src="http://img4.hostingpics.net/pics/761499IconCole.jpg"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">Calypso H. Miles</font><br/></td></tr><tr><td style="text-align: center;"><a class="infobulle"><img src="IMAGE"/></a></td></tr><tr><td style="text-align: center;"><font size="1">Codeuse<br/></font></td></tr></td></tr><tr><td style="text-align: center;"><font size="0,5"><a href="http://calderam.forumactif.biz/privmsg?mode=post&u=9" class="postlink" target="_blank">Contacter</a><br/></font></td></tr><tr align="center"/></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="infobulle"><font color="burlywood"><img src="http://img4.hostingpics.net/pics/293203IconBarnes.jpg"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">Nolan E. Sullivan</font><br/></td></tr><tr><td style="text-align: center;"><a class="infobulle"><img src="http://illiweb.com/fa/pbucket.gif"/></a></td></tr><tr><td style="text-align: center;"><font size="1">Admin'<br/></font></td></tr></td></tr><tr><td style="text-align: center;"><font size="0,5"><a href="http://calderam.forumactif.biz/privmsg?mode=post&u=8" class="postlink" target="_blank">Contacter</a><br/></font></td></tr><tr align="center"/></tbody></table></span></a><BR><font color="MediumVioletRed"></font> <a class="infobulle"><font color="burlywood"><img src="http://img4.hostingpics.net/pics/289797IconSmith.jpg"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">Professeur McGonagall</font><br/></td></tr><tr><td style="text-align: center;"><a class="infobulle"><img src="http://img5.hostingpics.net/pics/8482322928y7a_th.gif"/></a></td></tr><tr><td style="text-align: center;"><font size="1">Admin'<br/></font></td></tr></td></tr><tr><td style="text-align: center;"><font size="0,5"><a href="http://calderam.forumactif.biz/privmsg?mode=post&u=4" class="postlink" target="_blank">Contacter</a><br/></font></td></tr><tr align="center"/></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="infobulle"><font color="burlywood"><img src="http://img4.hostingpics.net/pics/520438IconVoldemort.jpg"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">Lord Voldemort</font><br/></td></tr><tr><td style="text-align: center;"><a class="infobulle"><img src="http://img5.hostingpics.net/pics/8482322928y7a_th.gif"/></a></td></tr><tr><td style="text-align: center;"><font size="1">Admin'<br/></font></td></tr></td></tr><tr><td style="text-align: center;"><font size="0,5"><a href="http://calderam.forumactif.biz/privmsg?mode=post&u=3" class="postlink" target="_blank">Contacter</a><br/></font></td></tr><tr align="center"/></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="infobulle"><font color="burlywood"><img src="http://img4.hostingpics.net/pics/248854IconAndraOmbrage.jpg"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">Andréa Ombrage</font><br/></td></tr><tr><td style="text-align: center;"><a class="infobulle"><img src="http://img5.hostingpics.net/pics/8482322928y7a_th.gif"/></a></td></tr><tr><td style="text-align: center;"><font size="1">Modératrice<br/></font></td></tr></td></tr><tr><td style="text-align: center;"><font size="0,5"><a href="http://calderam.forumactif.biz/privmsg?mode=post&u=7" class="postlink" target="_blank">Contacter</a><br/></font></td></tr><tr align="center"/></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="infobulle"><font color="burlywood"><img src="http://img4.hostingpics.net/pics/387309IconeWatson.png"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">Hermione J. Granger</font><br/></td></tr><tr><td style="text-align: center;"><a class="infobulle"><img src="http://img5.hostingpics.net/pics/8482322928y7a_th.gif"/></a></td></tr><tr><td style="text-align: center;"><font size="1">Modératrice<br/></font></td></tr></td></tr><tr><td style="text-align: center;"><font size="0,5"><a href="http://calderam.forumactif.biz/privmsg?mode=post&u=6" class="postlink" target="_blank">Contacter</a><br/></font></td></tr><tr align="center"/></tbody></table></span></a><BR>&& <A class=postlink href="http://skins-sexdrug.forumactif.org/do-you-believe-in-happiness-f1/the-lovely-staff-3-t12.htm#133">more</A></DIV><BR><DIV style="BACKGROUND-COLOR: #400f28; WIDTH: 220px; -moz-border-radius: 6px; gainsboro: "><DIV style="TEXT-ALIGN: center" ;><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 9px"><DIV style="TEXT-ALIGN: center" ;><font color="#d3d3d3">CREDITS</font></DIV></DIV></DIV><BR><DIV style="BACKGROUND-COLOR: #400f28; WIDTH: 220px; -moz-border-radius: 6px; gainsboro: "><span style="font-size: 9px; line-height: normal"><font color="#d3d3d3">Création du Forum M. Jedusor. Design S. Rogue (Soulliah). Codage && Mise en Page C. Miles ; M. Jedusor. Administration && Modération M. Jedusor ; A. Ombrage ; N. Sullivan ; M. McGonagall ; H. Granger ; Voldemort ; S. Rogue ; C. Miles. Toute reproduction, partielle ou complète, de ce forum est formellement interdite sous peine de poursuites judiciaires.</font></span></SPAN></SPAN></TD>
<TD><DIV style="BACKGROUND-COLOR: #400f28; WIDTH: 350px; -moz-border-radius: 6px; gainsboro: "><DIV style="TEXT-ALIGN: center" ;><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 9px"><DIV style="TEXT-ALIGN: center" ;><font color="#d3d3d3">CONTEXTE</font></DIV></DIV></DIV><DIV style="BACKGROUND-COLOR: #400f28; WIDTH: 350px; -moz-border-radius: 6px; gainsboro: ">
<BLOCKQUOTE><BR><BR><div style="width:300px;height:150px;overflow:auto;"><font color="#d3d3d3">Voilà ce qui arrive quand les évènements prennent le dessus sur ce que nous fûmes. Nous sommes en 2013, au cœur du monde magique britannique. Les choses ont changé depuis l'été 1998, alors que le monde Moldu se retrouve dans l'euphorie de la coupe du monde, les sorciers sont dans la tourmente. En effet, l'Élu : Harry Potter a échoué. Pour beaucoup, il est mort et ne reviendra jamais, mais pour d'autres, l'espoir est encore présent...<BR><DIV style="TEXT-ALIGN: right" ;>&& <A class=postlink href="http://calderam.forumactif.biz/t25-contexte-il-etait-une-fois">more</A></div><BR><BR></font></div><BR>
</BLOCKQUOTE><DIV>
</DIV></SPAN></TD>
<TD><DIV style="BACKGROUND-COLOR: #400f28; WIDTH: 220px; -moz-border-radius: 6px; gainsboro: "><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 9px"><DIV style="TEXT-ALIGN: center" ;><font color="#d3d3d3">PARTENARIAT</font></DIV></DIV><BR><DIV style="TEXT-ALIGN: center; MARGIN: auto; WIDTH: 100%">
<BLOCKQUOTE><A href="http://thbp.forum-actif.net/forum.htm"><IMG src="http://i37.servimg.com/u/f37/15/47/53/46/photof10.gif"></A><BR><BR><DIV style="TEXT-ALIGN: center" ;>&& <A class=postlink href="http://calderam.forumactif.biz/f4-partenariat">more</A>. <A class=postlink href="http://calderam.forumactif.biz/t42-formulaire-de-partenariat">you</A>. <A class=postlink href="LIEN">link</A> <BR></DIV></BLOCKQUOTE></DIV><DIV style="BACKGROUND-COLOR: #400f28; WIDTH: 220px; -moz-border-radius: 6px; gainsboro: "><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 9px"><DIV style="TEXT-ALIGN: center" ;><font color="#d3d3d3">TOP SITES</font></DIV></DIV>
<BR><div style="margin:auto;text-align:center;width:100%"><img src="http://img5.hostingpics.net/pics/59785Top_sites.png" border="0" alt="" /> <img src="http://img5.hostingpics.net/pics/59785Top_sites.png" border="0" alt="" /> <img src="http://img5.hostingpics.net/pics/59785Top_sites.png" border="0" alt="" /> <img src="http://img5.hostingpics.net/pics/59785Top_sites.png" border="0" alt="" /> <img src="http://img5.hostingpics.net/pics/59785Top_sites.png" border="0" alt="" /><BR> </div></SPAN></SPAN><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE>
Le CSS pour les onglets flottants (infobulles):
- 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: 500; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
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;
}
Les templates ont été modifiés pour le QEEL (qui contient des infobulles) et le CSS a été modifié également.
Dernière édition par soulliah le Mer 30 Nov - 18:44, édité 1 fois
Re: Problème CSS ou HTML pour PA
Bonjour,
Qu'entends-tu par "onglet flottants" ?
Un tableau à onglets, c'est ça ?
Si oui, il devrait aussi y avoir du JS (Java Script).
Sinon, un lien vers le forum test ou l'autre serait bien pour t'aider...
Qu'entends-tu par "onglet flottants" ?
Un tableau à onglets, c'est ça ?
Si oui, il devrait aussi y avoir du JS (Java Script).
Sinon, un lien vers le forum test ou l'autre serait bien pour t'aider...
Dernière édition par Final-Blonde le Mer 30 Nov - 13:01, édité 1 fois
Re: Problème CSS ou HTML pour PA
apparemment elle a pas placé le code java-script sur le forum >< je dois attendre sa réponse avant de vous dire si tout est réglé ou non ^^
Re: Problème CSS ou HTML pour PA
Bonjour,
Les class des infobulles et celles du CSS ne sont pas identiques, si ce sont bien les bons codes, c'est normal que ça ne fonctionne pas . Essayez en remplaçant la partie CSS par:
Les class des infobulles et celles du CSS ne sont pas identiques, si ce sont bien les bons codes, c'est normal que ça ne fonctionne pas . Essayez en remplaçant la partie CSS par:
- Code:
.infobulle {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}
.infobulle span {
display: none; /* on masque l'infobulle */
}
.infobulle: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 */
}
.infobulle: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;
}
Invité- Invité
Re: Problème CSS ou HTML pour PA
Merci Isolde ça marche parfaitement bien ^^
Sujets similaires
» Problème avec un code html pour mettre une horloge sur mon forum pour Dragon1973
» Problème pour lier du CSS et du Html
» Problème de code HTML pour les sujets
» probleme refuse HTML pour les administrateurs
» Problème pour créer une page HTML
» Problème pour lier du CSS et du Html
» Problème de code HTML pour les sujets
» probleme refuse HTML pour les administrateurs
» Problème pour créer une page HTML
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum