Bug de menu rapide sur pa :'( ! Bouton_activeBug de menu rapide sur pa :'( ! Bouton_hoverBug de menu rapide sur pa :'( ! Fb-hoverBug de menu rapide sur pa :'( ! Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Bug de menu rapide sur pa :'( ! EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Bug de menu rapide sur pa :'( ! EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Bug de menu rapide sur pa :'( ! EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Bug de menu rapide sur pa :'( ! EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Bug de menu rapide sur pa :'( ! EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Bug de menu rapide sur pa :'( ! EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Bug de menu rapide sur pa :'( ! EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Bug de menu rapide sur pa :'( ! EmptySam 11 Fév 2023, 06:04 par Krager

-20%
Le deal à ne pas rater :
Drone Dji DJI Mini 4K (EU)
239 € 299 €
Voir le deal

Partagez
 

Bug de menu rapide sur pa :'( !

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://unreal.vampire-legend.com
Emy| Sunset☼
{ Membre }
{ Membre }

Féminin Messages : 25



Bug de menu rapide sur pa :'( ! Empty
Bonjour! Alors voila, je sais qu'aucun problème n'est plus urgent que les autres mais là ce n'est pas un forum test alors j'avoues que je suis totalement paniquée...
Alors voila, Mon Forum
Comme vous le voyez , ça va pas du tout... C'était sencé faire plutot comme ceci.
Mais tout bug! Je deviens folle! Je ne comprends pas la raison...
S'il vous plait , aidée moi :S ???

Voici mon html
Code:
<TABLE width="100%">
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: #c0bcf6 1px dashed; TEXT-ALIGN: center; BORDER-RIGHT: #c0bcf6 1px dashed" width="25%">
<H1><STRIKE>♦️</STRIKE>Clic</H1><BR><A class=imginfo><STRONG class=principal>TopSites</STRONG> <SPAN>
<TABLE border=0 cellSpacing=1 cellPadding=1 width=125>
<TBODY>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://www.root-top.com/topsite/stupidlamb/in.php?ID=559">Top1</A><BR></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://www.root-top.com/topsite/rpgtwilight/in.php?ID=329">Top2</A><BR></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://www.root-top.com/topsite/blueye/in.php?ID=2048">Top3</A><BR></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://www.root-top.com/topsite/obsession27/in.php?ID=13971">Top4</A><BR></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://www.root-top.com/topsite/abysses/in.php?ID=3234">Top5</A><BR></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://www.root-top.com/topsite/forumrpg/in.php?ID=4446">Top6</A><BR></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://www.root-top.com/topsite/dolceleb/in.php?IDmark=824">Top7</A><BR></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://www.root-top.com/topsite/oliviahobson/in.php?ID=15">Top8</A><BR></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://www.root-top.com/topsite/candymiam/in.php?ID=4910">Top9</A><BR></FONT></TD></TR></TBODY></TABLE></SPAN></A><BR><A class=imginfo><STRONG class=principal>Groupes</STRONG> <SPAN>
<TABLE border=0 cellSpacing=1 cellPadding=1 width=125>
<TBODY>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://unreal.vampire-legend.net/groupes-f65/humains-t8.htm">Humains</A><BR></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://unreal.vampire-legend.net/groupes-f65/vampires-t7.htm">Vampires</A><BR></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://unreal.vampire-legend.net/groupes-f65/modificateurs-t5.htm">Modificateurs</A><BR></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://unreal.vampire-legend.net/groupes-f65/loup-garous-t16.htm">Loup-garous</A><BR></FONT></TD></TR><BR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://unreal.vampire-legend.net/groupes-f65/les-hybrides-t37.htm">Hybrides</A><BR></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://unreal.vampire-legend.net/groupes-f65/murony-t9.htm">Muronys</A><BR></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://unreal.vampire-legend.net/groupes-f65/esprits-guerriers-t6.htm">Esprits guerriers</A><BR></FONT></TD></TR></TBODY></TABLE></SPAN></A><BR><A class=imginfo><STRONG class=principal>Importants</STRONG> <SPAN>
<TABLE border=0 cellSpacing=1 cellPadding=1 width=125>
<TBODY>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://unreal.vampire-legend.net/rules-context-groupes-f1/reglement-t2.htm">Rules!</A><BR></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://unreal.vampire-legend.net/rules-context-groupes-f1/contexte-du-forum-important-t3.htm">Context!</A><BR></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://unreal.vampire-legend.net/requetesquestions-f7/questions-ouverts-a-tous-t23.htm">Questions?</A><BR></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><FONT size=1><A href="http://unreal.vampire-legend.net/posts-vacants-f3/">Pv</A><BR></FONT></TD></TR></TBODY></TABLE></SPAN></A></TD>
<TD style="BORDER-BOTTOM: #c0bcf6 1px dashed; BORDER-RIGHT: #c0bcf6 1px dashed" width="75%" colSpan=3>
<H1><STRIKE>♦️</STRIKE>Le Forum Unreal....</H1>
<P><BR><BR><STRIKE>♦️</STRIKE> <FONT face="Century Gothic"><STRONG><EM>V</EM></STRONG><U><FONT color=black>ampires</U></FONT>:</FONT> <FONT color=#00cc33>Open</FONT> <STRIKE>♦️</STRIKE> <FONT face="Century Gothic"><STRONG><EM>M</EM></STRONG><U><FONT color=black>odificateurs:</U></FONT></FONT> <FONT color=#00cc33>Open</FONT> <STRIKE>♦️</STRIKE> <FONT face="Century Gothic"><EM><STRONG>H</STRONG></EM><U><FONT color=black>umains</FONT>:</U></FONT> <FONT color=#00cc33>Open</FONT> <STRIKE>♦️</STRIKE> <FONT face="Century Gothic"><EM><STRONG>H</STRONG></EM><U><FONT color=black>ybrides</FONT>:</U></FONT> <FONT color=#00cc33>Open</FONT> <STRIKE>♦️</STRIKE> <FONT face="Century Gothic"><EM><STRONG>L</STRONG></EM><U><FONT color=black>oup-garous</FONT>:</U></FONT> <FONT color=#00cc33>Open</FONT> </P>
<P><STRIKE>♦️</STRIKE> <FONT face="Century Gothic"><EM><STRONG>M</STRONG></EM><U><FONT color=black>urony</FONT>:</U></FONT> <FONT color=#00cc33>Open</FONT> <STRIKE>♦️</STRIKE> <FONT face="Century Gothic"><EM><STRONG>E</STRONG></EM><U><FONT color=black>sprits-guerriers</FONT>:</U></FONT> <FONT color=darkorange>PV Only</FONT><BR><BR>Posts Vacants à prendre en priorité! | N'oubliez pas d'aller voir le context | Double compte Autorisé <BR>Forum favorisé pour Firefox&Safari | Tous ces groupes sonnent chinois(ou Japonais?)? Lisez les <A href="http://unreal.vampire-legend.net/groupes-f65/">Groupes</A> | Les <A href="http://unreal.vampire-legend.net/annonces-f6/">Annonces</A> <BR></P>
<DIV style="TEXT-ALIGN: right">Vos admins</DIV></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: #c0bcf6 1px dashed; TEXT-ALIGN: center; BORDER-RIGHT: #c0bcf6 1px dashed" width="25%">
<H2>Wanted</H2><A href="http://unreal.vampire-legend.net/vampires-f66/clan-d-olympic-7-7-t11.htm"><IMG src="http://i12.servimg.com/u/f12/14/52/06/76/edward10.jpg"></A> <A href="http://unreal.vampire-legend.net/modificateurs-f67/quileutes-8-8-t17.htm#48"><IMG src="http://i12.servimg.com/u/f12/14/52/06/76/jake10.png"></A> <A href="http://unreal.vampire-legend.net/vampires-f66/clan-d-olympic-7-7-t11.htm"><IMG src="http://i12.servimg.com/u/f12/14/52/06/76/alice10.jpg"></A> <A href="http://unreal.vampire-legend.net/vampires-f66/clan-d-olympic-7-7-t11.htm"><IMG src="http://i12.servimg.com/u/f12/14/52/06/76/carlis10.jpg"></A> <BR><A href="http://unreal.vampire-legend.net/vampires-f66/famille-royale-des-vampires-volturi-15-15-t13.htm"><IMG src="http://img7.hostingpics.net/thumbs/mini_884679wantedAro.jpg"></A> <A href="http://unreal.vampire-legend.net/vampires-f66/vampires-nomades-4-4-t14.htm"><IMG src="http://img7.hostingpics.net/thumbs/mini_11110WantedJames.png"></A> <A href="http://unreal.vampire-legend.net/vampires-f66/clan-denali-4-5-t15.htm"><IMG src="http://img7.hostingpics.net/thumbs/mini_757250WantedTanya.jpg"></A> <A href="http://unreal.vampire-legend.net/vampires-f66/clan-d-olympic-7-7-t11.htm"><IMG src="http://i12.servimg.com/u/f12/14/52/06/76/jasper11.jpg"></A></TD>
<TD style="BORDER-BOTTOM: #c0bcf6 1px dashed; BORDER-RIGHT: #c0bcf6 1px dashed" width="25%">
<H2>Partenaires</H2><A class=postlink href="http://zestedecouleurs.forumactif.org/" target=_blank><IMG border=0 alt="" src="http://i62.servimg.com/u/f62/14/52/06/76/zdc1010.png"></A> <A class=postlink href="http://unreal.vampire-legend.net/partenariat-f74/demandes-de-partenariat-c-est-ici-t24.htm#27" target=_blank><IMG border=0 alt="" src="http://i17.servimg.com/u/f17/13/67/50/17/youpar10.jpg"></A> <A class=postlink href="http://unreal.vampire-legend.net/partenariat-f74/demandes-de-partenariat-c-est-ici-t24.htm#27" target=_blank><IMG border=0 alt="" src="http://i17.servimg.com/u/f17/13/67/50/17/youpar10.jpg"></A> </TD>
<TD style="BORDER-BOTTOM: #c0bcf6 1px dashed; BORDER-RIGHT: #c0bcf6 1px dashed" width="25%">
<H2>Le Staff</H2><A class=infobulle href="http://unreal.vampire-legend.net/profile.forum?mode=viewprofile&u=1"><IMG src="http://img7.hostingpics.net/pics/900042MeStafPa.jpg"> <SPAN>Emylia Livingston<BR>Son profil<BR><IMG src="http://img7.hostingpics.net/pics/563806so10.gif"></SPAN></A> <A class=infobulle href="http://unreal.vampire-legend.net/profile.forum?mode=viewprofile&u=2"><IMG src="http://img7.hostingpics.net/pics/710310ElStafPa.jpg"> <SPAN>Elyana Garner<BR>Son profil<BR><IMG src="http://i28.tinypic.com/2r5b9jr.gif"></SPAN></A> </TD>
<TD style="TEXT-ALIGN: center" width="25%">
<H3>Link Us</H3>
<DIV align=center></DIV>
<DIV align=center><A class=postlink href="http://unreal.vampire-legend.net/"><IMG border=0 alt="" src="http://i17.servimg.com/u/f17/13/67/50/17/liensu10.gif"></A><A class=postlink href="http://unreal.vampire-legend.net/"><IMG style="WIDTH: 101px; HEIGHT: 43px" src="http://i17.servimg.com/u/f17/13/67/50/17/link10.gif" width=92 height=42></A></DIV>
<DIV align=center><A class=postlink href="http://unreal.vampire-legend.net/"><IMG border=0 alt="" src="http://i17.servimg.com/u/f17/13/67/50/17/likeus13.gif"></A><A class=postlink href="http://unreal.vampire-legend.net/"><IMG border=0 alt="" src="http://i17.servimg.com/u/f17/13/67/50/17/linkus10.gif"></A><A class=postlink href="http://unreal.vampire-legend.net/"><IMG border=0 alt="" src="http://i17.servimg.com/u/f17/13/67/50/17/likeus12.gif"></A>   </DIV></TD></TR></TBODY></TABLE>

et mon css correspondant :
Code:
a.imginfo {  /* INFOBULLES */
  position: relative;
  color: #7d7d7d; /* couleur de votre texte */
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}
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;
  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: 20px;
  background: white;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #b6b6b6; /* vos couleurs et taille de bordures */
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}
a.infobulle {
  position: relative;
}

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

}
a.infobulle:hover span {
  display: inline; /* ceci 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: 5px; /* on positionne notre infobulle */
  left: 15px;

  background: #ebebeb; /* arrière-plan de l'infobulle */

  color: black; /* texte dans l'infobulle */
  padding: 3px;

  /* bordures de votre infobulle*/
  border: 1px dotted black;
  border-left: 1px dotted black;
}

Merci d'avance ♥️


Dernière édition par Emy| Sunset☼ le Ven 19 Fév 2010, 18:31, édité 1 fois
MessageSujet: Bug de menu rapide sur pa :'( !   Bug de menu rapide sur pa :'( ! EmptyVen 19 Fév 2010, 16:59
Revenir en haut Aller en bas
Invité
Invité




Bug de menu rapide sur pa :'( ! Empty
No stress x)
Tu as juste oublié une ligne dans ton code CSS

Code:
a.imginfo {  /* INFOBULLES */
  position: relative;
  color: #7d7d7d; /* couleur de votre texte */
  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;
  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: 20px;
  background: white;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #b6b6b6; /* vos couleurs et taille de bordures */
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}
a.infobulle {
  position: relative;
}

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

}
a.infobulle:hover span {
  display: inline; /* ceci 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: 5px; /* on positionne notre infobulle */
  left: 15px;

  background: #ebebeb; /* arrière-plan de l'infobulle */

  color: black; /* texte dans l'infobulle */
  padding: 3px;

  /* bordures de votre infobulle*/
  border: 1px dotted black;
  border-left: 1px dotted black;
}
MessageSujet: Re: Bug de menu rapide sur pa :'( !   Bug de menu rapide sur pa :'( ! EmptyVen 19 Fév 2010, 17:22
Revenir en haut Aller en bas
http://unreal.vampire-legend.com
Emy| Sunset☼
{ Membre }
{ Membre }

Féminin Messages : 25



Bug de menu rapide sur pa :'( ! Empty
Ouf , merci beaucoup ! ♥️
MessageSujet: Re: Bug de menu rapide sur pa :'( !   Bug de menu rapide sur pa :'( ! EmptyVen 19 Fév 2010, 18:23
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Bug de menu rapide sur pa :'( ! Empty
Bien, je classe alors Smile
MessageSujet: Re: Bug de menu rapide sur pa :'( !   Bug de menu rapide sur pa :'( ! EmptyVen 19 Fév 2010, 18:35
Revenir en haut Aller en bas
Contenu sponsorisé




Bug de menu rapide sur pa :'( ! Empty
MessageSujet: Re: Bug de menu rapide sur pa :'( !   Bug de menu rapide sur pa :'( ! Empty
Revenir en haut Aller en bas
 

Bug de menu rapide sur pa :'( !

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Menu rapide caché sous une image
» Code rapide pour une PA
» Menu déroulant pour navigation rapide (messages)
» [résolu]Intégrer un menu à onglet dans un menu à onglet
» Petit code rapide

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit