Problème CSS ou HTML pour PA

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

Résolu Problème CSS ou HTML pour PA

Message par soulliah le Mer 30 Nov 2011 - 12:55

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:
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://i393.photobucket.com/albums/pp14/perfect-tragedy/benbarnes_3.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 2011 - 19:44, édité 1 fois

soulliah
Nouveau membre

Messages : 20
Inscrit(e) le : 01/09/2010

http://thbp.forum-actif.net
soulliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème CSS ou HTML pour PA

Message par Final-Blonde le Mer 30 Nov 2011 - 13:43

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...


Dernière édition par Final-Blonde le Mer 30 Nov 2011 - 14:01, édité 1 fois

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème CSS ou HTML pour PA

Message par soulliah le Mer 30 Nov 2011 - 13:46

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 ^^

soulliah
Nouveau membre

Messages : 20
Inscrit(e) le : 01/09/2010

http://thbp.forum-actif.net
soulliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème CSS ou HTML pour PA

Message par Invité le Mer 30 Nov 2011 - 15:37

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 Wink. 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;
}
Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème CSS ou HTML pour PA

Message par soulliah le Mer 30 Nov 2011 - 19:44

Merci Isolde ça marche parfaitement bien ^^

soulliah
Nouveau membre

Messages : 20
Inscrit(e) le : 01/09/2010

http://thbp.forum-actif.net
soulliah 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