Le soulignement résiste.

2 participants

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

Résolu Le soulignement résiste.

Message par Liko Ven 5 Aoû 2011 - 15:33

Bonsoir!
J'ai rajouté dans mon css, à tous les liens, la fonction "text-decoration: none;" puisque je ne veux pas de soulignement lorsqu'on survole un lien. Pourtant le soulignement résiste et est toujours présent... Je ne trouve pas du tout ça esthétique et je suis un peu perdue '_'~

Si quelqu'un pourrait m'aider;
Merci.
Liko

Liko
*

Féminin
Messages : 44
Inscrit(e) le : 15/12/2006

http://clockwork.bb-fr.com/
Liko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le soulignement résiste.

Message par Fabien B. Ven 5 Aoû 2011 - 16:01

Bonjour...

Normalement il faut indiquer "text-decoration: none;" dans la classe "a:hover", et pas seulement dans "a" (ou "a:link")

Ce qui donnerait :

Code:

a {
text-decoration: none;
color: RoyalBlue;
}

a:hover {
text-decoration: none;
color: MidnightBlue;
}

... en outre tu devrais faire attention à la couleur que tu utilises pour ton texte et tes liens : gris sur gris clair, ou bleu ciel sur gris clair, nuit à la lisibilité de tes textes.
Tu devrais choisir un gris plus foncé pour ton texte, du style : #555
Et pour les liens survolés qui ne seraient plus soulignés, une autre couleur (pour bien signaler que ce sont des liens)... ce que j'ai ajouté aux code que je te donne.

Tu trouveras les noms des couleurs que j'ai utilisé sur cette page >
http://www.w3schools.com/cssref/css_colornames.asp
avatar

Fabien B.
***

Masculin
Messages : 159
Inscrit(e) le : 14/06/2009

http://www.meauxleforum.fr
Fabien B. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le soulignement résiste.

Message par Liko Ven 5 Aoû 2011 - 16:09

"Malheureusement", je l'avais déjà fais.... Je crois qu'il doit y avoir un problème, étant donné que mon css est plutôt rempli...

Code:
body {background-position: top center;
background-repeat:no-repeat;
text-align: justify;}


a:link { color: #8BBFC9;
text-decoration: none;
font-variant: small-caps;
font-family: Tahoma;
font-weight:bold}

a:visited {color: #8BBFC9;
text-decoration: none;
font-variant: small-caps;
font-family: Tahoma;
font-weight:bold}

a:hover {color: #8BBFC9;
text-decoration: none;
font-variant: small-caps;
font-family: Tahoma;
font-weight:bold}



.imageflottante
{
float:left;
}   

tr.post span.gensmall { display: none; }

a { text-decoration: none;
font-variant: small-caps;}



a:hover {text-decoration: none;
font-variant: small-caps;}



.bodyline{ -moz-border-radius: 25px;}

.forumline{
background-color: #F2F2F2;
-moz-border-radius: 0px ;
border: 0px #FFFFFF solid;
}

.forumline2{
background-color: #F2F2F2;
-moz-border-radius: 0px ;
border: 0px #FFFFFF solid;
}

.forumline3{
background-color: #F2F2F2;
-moz-border-radius: 0px ;
border: 0px #FFFFFF solid;
}


body { cursor: crosshair }
a:hover { cursor:ne-resize; text-decoration: none}

textarea, .textarea.post, input.post {
-moz-border-radius:20px;
}


body {
background-repeat: no-repeat;
}
a { text-decoration: none; }

.bodyline {
-moz-border-radius:15px;
}




/*Coller la bannière au côtés du forum*/
.bodyline {
padding-left: 0px;
padding-right: 0px;
}


/*Position de la barre de navigation*/
.navipose td {position: fixed; top: 0px;
}



.intitulé {background-image: url('adresse_image_normale'); background-position: top center; background-repeat: no-repeat; width: Xpx; height: Ypx;}
.intitulé:hover {background-image: url('adresse_image_survol'); background-position: top center; background-repeat: no-repeat; width: Xpx; height: Ypx;}




a.mainmenu {
color: #2956E9;
text-decoration: none;
font-variant: small-caps;
font-family: Tahoma;
}

a:hover.mainmenu {
color: #2956E9;
text-decoration: none;
font-variant: small-caps;
font-family: Tahoma;
}


.my_modified_table{
  width: 80%;
  margin-left: 10%;
margin-right: 10%;
margin-top: 5px !important;

font-family: Tahoma;
}

.my_forum_name{
  display:none;
}
.my_img{
width: 10%;
margin-left: 50px;
}
.my_disc{
width: 70%;
text-align:center;
font-size: 9px;
}
.my_stats{

 width: 20%;
text-align:center;
}

.myfoo_title{
  text-align:center;
  width: 100%;
  -moz-border-radius: 6px;
  border: 1px solid #EAEAEA;

}
.my_title{
  text-align:center;
  font-size: 10px;
font-family: Tahoma;
}

.my_cat_body{
border: 1px solid #EEE;
-moz-border-radius: 3px;

}

.my_cat ul{
margin:0;
padding: 0;
width: 800px !important;
}
.my_cat li{
margin-left: 2px;
}
.my_cat_style{
border-top: 1px #666 solid;
border-left: 1px #666 solid;
border-right: 1px #666 solid;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 9px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color: #EAEAEA;
width: 200px;
font-family: Tahoma;
font-weight: bold;

}
.my_cat a{
text-decoration: none !important;
color: #000;
}






/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 0px;
      color: transparent;
      width: 80%;
      border: 0px solid #transparent;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 9px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #000000;
      border-right: 3px solid #000000;
      border-top: 3px solid #000000;
      color: #000000;
      font-size: 9px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #000000;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 9px;
}


/*Image_fond_1-------------------------------------------------*/
td.row1 {
background-image: url("http://i65.servimg.com/u/f65/14/25/14/63/backgr10.jpg");
background-repeat: repeat;
background-position: top left;
}

/*Image_fond_2-------------------------------------------------*/
td.row2 {
background-image: url("http://i65.servimg.com/u/f65/14/25/14/63/backgr10.jpg");
background-repeat: repeat;
background-position: top left;
}

/*Image_fond_3-------------------------------------------------*/
td.row3 {
background-image: url("http://i65.servimg.com/u/f65/14/25/14/63/backgr10.jpg");
background-repeat: repeat;
background-position: top left;
}



/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      border: 3px solid #000000;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #000000;
      border-right: 3px solid #000000;
      border-top: 3px solid #000000;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #000000;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;
}




a.forumlink {
text-decoration: none;
font-family: georgia;
font-weight: normal;
font-size: 22px;
color: white  !important;
font-style: italic;
padding-left: 20px;
letter-spacing: -1px;
text-shadow: #9E9E9E 0px 0px 2px;
background-image: url(http://img268.imageshack.us/img268/8591/blueht.png);
background-repeat: no-repeat;
margin-left: 20px;
display: block;
padding-right: 160px;
width: 378px;
margin-bottom: -12px;
}




.cattitle{
font-family: georgia;
font-weight: normal;
font-size: 22px;
color: white!important;
font-style: italic;
padding-left: 20px;
letter-spacing: -1px;
text-shadow: #878778 0px 0px 2px;
margin-left: 20px;
display: block;
padding-right: 160px;
width: 378px;
margin-bottom: -12px;
}











.onglet{
color: #9aa277;                    /* couleur texte */
font-family: Georgia, Verdana, Arial, serif;            /* police écriture */
background-color: #;      /* couleur fond onglet */
background: url('url de votre image') no-repeat;
display:inline-block;
margin-right:4px;        /* marge entre les onglets */
margin-bottom:-20px;      /* marge entre onglet et catégorie */
padding:5px;        /* marge entre le texte et les bords de l'onglet */
border:1px solid #0F0505;      /* bordure onglet */
cursor:pointer;
-moz-border-radius: 7px 7px 7px 7px;    /* arrondi les angles */
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}

.actif { /*Onglet survolé*/
color: #fff;
background-color : #;
background: url('url de votre image') no-repeat;
margin-right:8px;
padding:5px;
border:2px solid #0F0505;
cursor: pointer;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}
Liko

Liko
*

Féminin
Messages : 44
Inscrit(e) le : 15/12/2006

http://clockwork.bb-fr.com/
Liko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le soulignement résiste.

Message par Fabien B. Ven 5 Aoû 2011 - 16:31

Il y a beaucoup (trop) de choses dans ce CSS... pas besoin de répéter text-decoration none, à chaque classe signifiant un lien. Une seule fois suffit.
Il y a sans doute interférences entres divers commandes du CSS... mais en parcourant rapidement le code que tu donnes, je ne vois rien qui ferait que ça ne devrait pas fonctionner.

Je ne vois pas comment t'aider.

A part te dire qu'il faut faire un peu de ménage dans ce CSS...

Par exemple plutot que d'avoir :
Code:

a:link { color: #8BBFC9;
text-decoration: none;
font-variant: small-caps;
font-family: Tahoma;
font-weight:bold}

a:visited {color: #8BBFC9;
text-decoration: none;
font-variant: small-caps;
font-family: Tahoma;
font-weight:bold}

a:hover {color: #8BBFC9;
text-decoration: none;
font-variant: small-caps;
font-family: Tahoma;
font-weight:bold}

tu peux simplifier ça comme ça :
Code:

a:link,
a:visited,
a:hover {
color: RoyalBlue;
text-decoration: none;
font-variant: small-caps;
font: Tahoma bold}

et du même coup tu peux supprimer les lignes suivantes que l'on retrouve plus loin dans ton css, qui disent la même chose que le code précédent et qui sont par conséquent inutiles :
Code:

a {text-decoration: none;
font-variant: small-caps;}
a:hover {text-decoration: none;
font-variant: small-caps;}

Quant aux liens du menu principal que tu notes comme ça :
Code:

a.mainmenu {
color: #2956E9;
text-decoration: none;
font-variant: small-caps;
font-family: Tahoma;
}

a:hover.mainmenu {
color: #2956E9;
text-decoration: none;
font-variant: small-caps;
font-family: Tahoma;
}

Tu peux les simplifier comme suivant, seul la couleur de la police changeant par rapport aux liens "normaux" que tu définis avant dans ton css :
Code:

a.mainmenu,
a:hover.mainmenu {
color: #2956E9;
}

A mon avis il faut faire un peu de ménage dans ton css avant de vouloir régler le problème des liens survolés en rajoutant un code qui va se perdre au milieu du reste.
avatar

Fabien B.
***

Masculin
Messages : 159
Inscrit(e) le : 14/06/2009

http://www.meauxleforum.fr
Fabien B. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le soulignement résiste.

Message par Liko Ven 5 Aoû 2011 - 16:37

D'accord! Merci beaucoup :D
Liko

Liko
*

Féminin
Messages : 44
Inscrit(e) le : 15/12/2006

http://clockwork.bb-fr.com/
Liko a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum