AccueilFAQRechercherS'enregistrerConnexion

Partagez | 
 

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

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar
AmuMembre - Purple Line


Féminin
Messages : : 279
Age : : 26
Item's 2517


MessageSujet: Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°   Dim 4 Avr - 21:34

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:


Lien survolé:



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

_________________
Spoiler:
 




Avatar + Bannière (c) Sylka ♥️
Icones (c) Emi-chan ♥️
Revenir en haut Aller en bas
avatar
Invité



MessageSujet: Re: Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°   Dim 4 Avr - 21:51

Voici le Code:
Code:
a:hover {
text-decoration: none !important;
}
Mais cela enlèvera le soulignement de TOUS les liens du forum
Revenir en haut Aller en bas
avatar
AmuMembre - Purple Line


Féminin
Messages : : 279
Age : : 26
Item's 2517


MessageSujet: Re: Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°   Dim 4 Avr - 21:56

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

_________________
Spoiler:
 




Avatar + Bannière (c) Sylka ♥️
Icones (c) Emi-chan ♥️
Revenir en haut Aller en bas
avatar
BlastFondatrice - Genie for your Whish


Féminin
Messages : : 3646
Age : : 27
Localisation : : Dans les bras de Jin, où pourais-je être sinon ?
Item's 8773


MessageSujet: Re: Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°   Dim 4 Avr - 22:43

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

_________________

Drop That Shit Life
Revenir en haut Aller en bas
avatar
AmuMembre - Purple Line


Féminin
Messages : : 279
Age : : 26
Item's 2517


MessageSujet: Re: Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°   Dim 4 Avr - 22:50

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?

_________________
Spoiler:
 




Avatar + Bannière (c) Sylka ♥️
Icones (c) Emi-chan ♥️
Revenir en haut Aller en bas
avatar
BlastFondatrice - Genie for your Whish


Féminin
Messages : : 3646
Age : : 27
Localisation : : Dans les bras de Jin, où pourais-je être sinon ?
Item's 8773


MessageSujet: Re: Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°   Dim 4 Avr - 22:53

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

_________________

Drop That Shit Life
Revenir en haut Aller en bas
avatar
AmuMembre - Purple Line


Féminin
Messages : : 279
Age : : 26
Item's 2517


MessageSujet: Re: Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°   Dim 4 Avr - 23:01

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

_________________
Spoiler:
 




Avatar + Bannière (c) Sylka ♥️
Icones (c) Emi-chan ♥️
Revenir en haut Aller en bas
avatar
BlastFondatrice - Genie for your Whish


Féminin
Messages : : 3646
Age : : 27
Localisation : : Dans les bras de Jin, où pourais-je être sinon ?
Item's 8773


MessageSujet: Re: Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°   Dim 4 Avr - 23:06

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;
}

_________________

Drop That Shit Life
Revenir en haut Aller en bas
avatar
AmuMembre - Purple Line


Féminin
Messages : : 279
Age : : 26
Item's 2517


MessageSujet: Re: Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°   Dim 4 Avr - 23:15

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

_________________
Spoiler:
 




Avatar + Bannière (c) Sylka ♥️
Icones (c) Emi-chan ♥️
Revenir en haut Aller en bas
avatar
BlastFondatrice - Genie for your Whish


Féminin
Messages : : 3646
Age : : 27
Localisation : : Dans les bras de Jin, où pourais-je être sinon ?
Item's 8773


MessageSujet: Re: Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°   Dim 4 Avr - 23:21

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 :/

_________________

Drop That Shit Life
Revenir en haut Aller en bas
avatar
AmuMembre - Purple Line


Féminin
Messages : : 279
Age : : 26
Item's 2517


MessageSujet: Re: Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°   Dim 4 Avr - 23:24

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

_________________
Spoiler:
 




Avatar + Bannière (c) Sylka ♥️
Icones (c) Emi-chan ♥️
Revenir en haut Aller en bas
avatar
BlastFondatrice - Genie for your Whish


Féminin
Messages : : 3646
Age : : 27
Localisation : : Dans les bras de Jin, où pourais-je être sinon ?
Item's 8773


MessageSujet: Re: Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°   Dim 4 Avr - 23:34

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

_________________

Drop That Shit Life
Revenir en haut Aller en bas
avatar
AmuMembre - Purple Line


Féminin
Messages : : 279
Age : : 26
Item's 2517


MessageSujet: Re: Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°   Dim 4 Avr - 23:41

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

_________________
Spoiler:
 




Avatar + Bannière (c) Sylka ♥️
Icones (c) Emi-chan ♥️
Revenir en haut Aller en bas
avatar
BlastFondatrice - Genie for your Whish


Féminin
Messages : : 3646
Age : : 27
Localisation : : Dans les bras de Jin, où pourais-je être sinon ?
Item's 8773


MessageSujet: Re: Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°   Dim 4 Avr - 23:43

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;
}

_________________

Drop That Shit Life
Revenir en haut Aller en bas
avatar
AmuMembre - Purple Line


Féminin
Messages : : 279
Age : : 26
Item's 2517


MessageSujet: Re: Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°   Dim 4 Avr - 23:47

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

_________________
Spoiler:
 




Avatar + Bannière (c) Sylka ♥️
Icones (c) Emi-chan ♥️
Revenir en haut Aller en bas
avatar
YunfaFondatrice - Devil in Me


Féminin
Messages : : 1133
Age : : 27
Localisation : : Dans l'Orient
Item's 3541


MessageSujet: Re: Help! >< Besoin d'aide pour retirer le souligné de mes liens... ^^°   Jeu 22 Avr - 11:41

Bonjour ^^
Toujours d'actu ?

_________________


When I look in your eyes, I don't see mine ~
Revenir en haut Aller en bas
Contenu sponsorisé



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

Revenir en haut Aller en bas
 

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

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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Imagine Time :: Insomnia :: 
■ Entre-Aide
 :: Entre-aide graphique :: Résolus
-