Styles CCS et liens hypertexte
Vixage
-
BrunoJWest -
BrunoJWest -
Bonjour,
Mon soucis est le suivant :
J'applique avec une feuille de styles, des couleurs , tailles , a des liens hypertexte dans un menu et sous menu. Mais mon problème est que cela s'applique à mon contenu ce qui fait que mes liens sont blancs sur un fonc blanc alors que je souhaite les mettre en bleu et violet comme par défaut.
Comment spécifier que dans mon contenu mon style crée ne s'applique pas?
Merci!!
Mon soucis est le suivant :
J'applique avec une feuille de styles, des couleurs , tailles , a des liens hypertexte dans un menu et sous menu. Mais mon problème est que cela s'applique à mon contenu ce qui fait que mes liens sont blancs sur un fonc blanc alors que je souhaite les mettre en bleu et violet comme par défaut.
Comment spécifier que dans mon contenu mon style crée ne s'applique pas?
Merci!!
A voir également:
- Styles CCS et liens hypertexte
- Vérificateur de liens - Guide
- Telecharger styles yamaha a1000 gratuit - Télécharger - Audio & Musique
- Styles word - Guide
- Comment renommer un lien hypertexte ✓ - Forum Bureautique
- Telecharger liens direct - Accueil - Outils
13 réponses
Et bien tu fais par exemple :
Et tu appliques ensuite en fonction de tes liens :
<A HREF=... CLASS="menu">
<A HREF=... CLASS="contenu">
.::: "A trop vouloir feindre de faire fi, on finit
par faire fi de vouloir feindre." :::.
.a.menu {
text-decoration: none;
color: #FFFFFF;
}
.a.menu:visited {
color: #FFFFFF;
text-decoration: none;
}
.a.menu:hover {
color: #CCCCFF;
text-decoration: none;
}
.a.menu:active {
color: #99FFCC;
text-decoration: none;
}
a.contenu {
color: #999999;
text-decoration: none;
}
a.contenu:visited {
color: #999999;
text-decoration: none;
}
a.contenu:hover {
color: #CCCCFF;
text-decoration: none;
}
a.contenu:active {
color: #000000;
text-decoration: none;
}
Et tu appliques ensuite en fonction de tes liens :
<A HREF=... CLASS="menu">
<A HREF=... CLASS="contenu">
.::: "A trop vouloir feindre de faire fi, on finit
par faire fi de vouloir feindre." :::.
De rien ;)
.::: "A trop vouloir feindre de faire fi, on finit
par faire fi de vouloir feindre." :::.
.::: "A trop vouloir feindre de faire fi, on finit
par faire fi de vouloir feindre." :::.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
J'ai quand meme un petit soucis car le style defini s'applique bien aux mailto et aux lienx vers des pages du site mais pas vers des pages externes. C'est à dire que les liens : www.truc.fr' target='_blank'>http://wwww.truc.fr ne prennent pas en compte mon style.
D'ou vient ce problème?
Merci
D'ou vient ce problème?
Merci
Il faut définir l'attribut CLASS dans chaque balise de lien.
.::: "A trop vouloir feindre de faire fi, on finit
par faire fi de vouloir feindre." :::.
.::: "A trop vouloir feindre de faire fi, on finit
par faire fi de vouloir feindre." :::.
C'est bizarre ça. Mets-voir un bout de code ...
.::: "A trop vouloir feindre de faire fi, on finit
par faire fi de vouloir feindre." :::.
.::: "A trop vouloir feindre de faire fi, on finit
par faire fi de vouloir feindre." :::.
Voici :
<a href="https://www.service-public.fr" class="liens" target="_blank"> Service public</a><br>
<a href="https://www.service-public.fr" class="liens" target="_blank"> Service public</a><br>
C'est incompréhensible, ça devrait fonctionner !
Ta feuille de style ressemble à quoi ?
.::: "A trop vouloir feindre de faire fi, on finit
par faire fi de vouloir feindre." :::.
Ta feuille de style ressemble à quoi ?
.::: "A trop vouloir feindre de faire fi, on finit
par faire fi de vouloir feindre." :::.
.boutonaccueil {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color : #000000;
}
.pied {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
.rappel {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
color: #000000;
}
.texteaccueil {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #FF0000;
}
.accueilssmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF0000;
background-color: #FFFFFF;
font-weight: bold;
}
.tabnormal {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
background-color: #FFFFFF;
font-size: 10px;
}
.tabover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
background-color: #ECECEC;
font-size: 12px;
font-weight: bold;
}
.ancres {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
}
.texte {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.soustitre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
color: #000000;
}
.nomcolonne {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
background-color: #FFAAAA;
}
.menu2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
{
A:link {font-family:verdana; font-size:8pt; text-decoration: none; color: #FFFFFF;}
A:visited {font-family:verdana; font-size:8pt; text-decoration: none; color: #FFFFFF;}
A:active {font-family:verdana; font-size:8pt; text-decoration: none; color:#FFFFFF}
A:hover {font-family:verdana; font-size:8pt; text-decoration: underline; color:#FFFFFF;}
}
.sousmenu1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #CCCCCC;
}
.sousmenu2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FF0000;
background-color: #FF0000;
}
.menu1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.a.contenu
{
color:#000000;
text-decoration:underline;
}
.a.contenu:visited
{
color:#000000;
text-decoration:underline;
font-size:12px;
}
.a.contenu:hover
{
color:#FF0000;
text-decoration:underline;
font-size:12px;
}
.a.contenu:active:
{
color:#FF0000;
text-decoration:underline;
font-size:12px;
}
.liens {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color : #000000;
}
.pied {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
.rappel {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
color: #000000;
}
.texteaccueil {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #FF0000;
}
.accueilssmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF0000;
background-color: #FFFFFF;
font-weight: bold;
}
.tabnormal {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
background-color: #FFFFFF;
font-size: 10px;
}
.tabover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
background-color: #ECECEC;
font-size: 12px;
font-weight: bold;
}
.ancres {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
}
.texte {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.soustitre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
color: #000000;
}
.nomcolonne {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
background-color: #FFAAAA;
}
.menu2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
{
A:link {font-family:verdana; font-size:8pt; text-decoration: none; color: #FFFFFF;}
A:visited {font-family:verdana; font-size:8pt; text-decoration: none; color: #FFFFFF;}
A:active {font-family:verdana; font-size:8pt; text-decoration: none; color:#FFFFFF}
A:hover {font-family:verdana; font-size:8pt; text-decoration: underline; color:#FFFFFF;}
}
.sousmenu1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #CCCCCC;
}
.sousmenu2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FF0000;
background-color: #FF0000;
}
.menu1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.a.contenu
{
color:#000000;
text-decoration:underline;
}
.a.contenu:visited
{
color:#000000;
text-decoration:underline;
font-size:12px;
}
.a.contenu:hover
{
color:#FF0000;
text-decoration:underline;
font-size:12px;
}
.a.contenu:active:
{
color:#FF0000;
text-decoration:underline;
font-size:12px;
}
.liens {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
attention à un détail : le style des liens visités.
dès fois tu crois que ça ne marche pas, mais comme ton lien a été visité par toi même, il applique le style de lien visité et non pas le style que tu viens de modifier comme il faut. Si tu veux que ça garde la même couleur que le lien initial, supprime juste l'info de couleur dans le style visited.
à +
Bruno
dès fois tu crois que ça ne marche pas, mais comme ton lien a été visité par toi même, il applique le style de lien visité et non pas le style que tu viens de modifier comme il faut. Si tu veux que ça garde la même couleur que le lien initial, supprime juste l'info de couleur dans le style visited.
à +
Bruno
