Webmaster Hub > [debutant] lien de différent couleurs

Version complète: sur le forum Webmaster Hub : [debutant] lien de différent couleurs

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS

Mumulafrite

lundi 27 juin 2005 à 23:58

Bonjour,
je cheche à faire un site valid Xhtml et jai dejà des problemes:

Jai mis sur ma feuille de style:

CODE

A:link    {
color:#FFFFFF;
    }
A:hover    {
color:#FFFFFF;
text-decoration:underline;
    }
A:active    {
color:#FFFFFF;
    }
A:visited    {
color:#FFFFFF;
    }

Maintenant je veux avoir un lien mais d'une autre couleur: jai mis sur ma feuille de style:

CODE

.telecharg {
margin-left: 135px;
margin-right: 15px;
color: Red;
text-align: center;
}

Ensuite sur ma feuille html jai mis ca:

CODE

</div>
<div id="texte">
<a href="fiche%20Web%20Master%20annee%201%20Def-1.pdf">Télécharger
le dossier complet</a></div>

Le lien se centre correctement mais reste blanc je n'arrive pas a l'avoir d'une autre couleur. Quelqu'un pourrait maider svp?

lupucide

mardi 28 juin 2005 à 00:08

Personnellement je dirais que tu peux te passer du a:active, il n'a aucune importance. Ensuite essaye de respecter un certain ordre.

CODE

a:link, a:visited {
color: #FF0000;
text-decoration: none;
}
a:hover {
color: #0000FF;
text-decoration: underline;
}

Il est aussi conseillé d'indiquer la couleur de fond, par exemple avec background:transparent.

En réponse à ta question, tu a un <div id="texte">, donc ta CSS sera :

CODE

#texte a:link, #texte a:visited {
}
#texte a:hover {
}

Et voilà.

Mumulafrite

mardi 28 juin 2005 à 00:20

Des fois je comprends pas pourquoi cela ne marche jamais avec moi...

Jai suivit tes instructions et maintenant tous mes liens sont de la couleurs (la deuxieme) qui doit juste etre appliqué a un lien

Mumulafrite

mardi 28 juin 2005 à 00:23

Jai rien dit cela fonctionne tres bien merci beaucoup

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.