Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°

Bonjour / Bonsoiiiiir! =D

Si je poste ici, c'est que j'ai un problème! x) *désolée pour l'introduction pourrie! xD*

En fait, j'aurais besoin d'aide pour retirer le souligné de mes liens... Seulement voilà! Je sais que le code à insérer est "text-decoration: none" dans une classe, du genre:

Code:: a.hover:{
text-decoration: none;
}

Mais voilà justement le problème... Ce genre de code est bel et bien inscrit dans mon CSS, et j'ai eu beau essayé toutes sortes de manipulations ou techniques différentes, impossibles d'enlever la barre de soulignement de mes liens lorsque je les survole alors que le même code pour un lien simple, sans survol ni rien, marche très bien.

Cela fait plusieurs heures que je me penche sur le problème, et impossible de trouver la solution! T_T
Voici les codes que j'ai utilisé, et des captures d'écran... Si ça peut aider à mieux me comprendre! xD

Code inséré dans ma page CSS:

Code:: #survol a {
text-decoration:none;
font-variant: small-caps;
color: #D6497D;
padding-left: 5px;
display: block;
}

#survol a:hover {
text-decoration:none;
font-variant: small-caps;
color: #FFA200;
letter-spacing: 2px;
padding-left: 5px;
display: block;
}

Code inséré dans ma page d'accueil (parce que c'est sur ça que je bosse en ce moment):

Code:: <a href="Mon url que je mettrais sur le forum en question xD"><div id= "survol"><a href ="#">Règlement</a></div></a>

Et voilà ce que ça me donne...
Lien normal:
Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^° 100404083352115402

Lien survolé:
Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^° 100404083505407482

Si quelqu'un pouvait m'aider, je lui en serais extrêmement reconnaissante! >< Je vois vraiment pas où est le problème! T_T
Merciiii~! <3
A bientôt! ^^

Voici le Code:

Code:: a:hover {
text-decoration: none !important;
}

Mais cela enlèvera le soulignement de TOUS les liens du forum

Merchi mais je l'ai déja testé, et rien n'y fait, il ne marche pas non plus.. T_T

Question vraiment toute con, tu a essayé de redémarrer ton navigateur ? Le mien bug et met pas certaines modif à jours des fois, donc on sait jamais... ?

Euuh non j'ai pas essayé tiens! xD
Tu veux dire fermer Firefox (puisque c'est celui-là que j'utilise) et le rouvrir après?

Ouep ^^
Moi c'est Opera qui bug mais on perd pas grand chose à essayer :o

Yop! :)
Je viens d'essayer, mais apparemment, ça ne marche pas non plus T_T

Tu a essayé juste comme ça :

Code:: a {
text-decoration: none;
font-variant: small-caps;
color: #D6497D;
padding-left: 5px;
display: block;
}

a:hover {
text-decoration: none;
font-variant: small-caps;
color: #FFA200;
letter-spacing: 2px;
padding-left: 5px;
display: block;
}

Vouip, et ça ne marche pas non plus! T_T
Je suis maudite, hein? XD

Ouep oo

Euh, je sais pas trop alors, désolée !
Essayer d'effacer tout ton Css, d'enregistrer et de le remettre pour voir ? Sinon j'ai plus trop d'autre idée, le code est correct :/

x) Normale que je sois maudite! J'ai trop usé de mon pouvoir anti-malédiction pour les autres durant la semaine! xD

Okay, pas grave alors! :3
Merci d'avoir essayé! **

Je vais effacer tout le Css et ma page d'accueil pour tout reconstruire pas à pas, voir si ça marche ou pas... Au pire, je laisserais comme ça! :D ça fait pas si moche que ça! xD Mais c'est sûr que ça aurait été mieux sans le soulignement! xD

Enfin~!

Sank youu! =D

Ba, tu a d'autre code de Css dans ta page ?

Yep! ^^°
J'aurais peut-être du donner ma page entière! xD

Donc ma page CSS entière, c'est celle-ci:

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 */
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: 10px; /* on positionne notre infobulle */
left: 2px;
background: white;
color: 7d7d7d;
padding: 0px;
border: 0px solid grey;
border-left: 2px dotted #b6b6b6;
border-right: 2px dotted #b6b6b6;
border-top: 2px dotted #b6b6b6;
border-bottom: 2px dotted #b6b6b6;
}

.inputbox {
padding: 2px;
border: solid 1px #cccccc;
background-color: #ffffff
}

.inputbox2 {
width: 20px;
height: 10px;
padding: 2px;
border: solid 1px #cccccc;
background-color: #ffffff;
}

.ces1 {color : #5EA7FF;font-weight: bold;}
a.ces1 {color : #5EA7FF;font-weight: bold;text-decoration: none;}

body{
background-position: top center;
background-repeat: no-repeat;
}

#survol a {
text-decoration:none;
font-variant: small-caps;
color: #D6497D;
padding-left: 5px;
display: block;
}

#survol a:hover {
text-decoration:none;
font-variant: small-caps;
color: #FFA200;
letter-spacing: 2px;
padding-left: 5px;
display: block;
}

Ensuite, j'ai essayé de supprimer le CSS et de remettre juste le code de l'infobulle, parce que je sais que celui-ci est correct, étant donné qu'il ne bug pas sur d'autres forums où je l'utilise! :)
Mes effets de textes disparaissent donc (écriture en majuscule + couleur rose), mais! Les soulignements lors du passage de la souris disparaissent également et les liens sont colorés de la couleur que je veux.
J'en conclue donc que le problème provient de ce code-là:

Code:: #survol a {
text-decoration:none;
font-variant: small-caps;
color: #D6497D;
padding-left: 5px;
display: block;
}

#survol a:hover {
text-decoration:none;
font-variant: small-caps;
color: #FFA200;
letter-spacing: 2px;
padding-left: 5px;
display: block;
}

Mais je vois vraiment pas ce qui cloche! xD J'ai tout essayé: enlever le "#", changer le nom de la classe, etc... J'ai également essayé d'appliquer l'effet désiré à tous les liens, mais rien n'y fait! xD

Dans le doute, essaye ça :

Code:: .a {
text-decoration: none;
font-variant: small-caps;
color: #D6497D;
padding-left: 5px;
display: block;
}

a:hover {
text-decoration: none;
font-variant: small-caps;
color: #FFA200;
letter-spacing: 2px;
padding-left: 5px;
display: block;
}

Je vais me faire frapper à force d'être autant maudite! xD
Le code ne marche pas non plus... x)
Le souligné apparaît toujours! xD

Bonjour ^^
Toujours d'actu ?