Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
Pages : 1
#1 21-08-2006 à 20:52
- GG le sympa
- Administrateur
- Lieu : Graçay
- Inscription : 03-08-2006 à 14:41
- Messages : 17 574
Re : Mise en forme CSS des liens dans une page
Pour mettre une mise en forme globale des liens dans une page il vous faut comprendre ceci :
a:link => Mise en page du lien par défault
a:visited => Mise en page du lien visité par défault
a:hover => Mise en page du lien lorsque la souris le survole par défault
a:active => Mise en page du lien lorsque un clic est éffectué dessus
les liens ont les mêmes attributs que le texte donc :
a:link
{
color: #2f38de; text-decoration: none;
}
a:visited
{
color: #2f38de; text-decoration: none;
}
a:hover
{
color: #2f38de;
text-decoration: overline underline;
background: #CCCCFF;
}
a:active
{
color: #2f38de;
text-decoration: none;
}
Par exemple pour mettre tous les liens en gras par défault :
a:link
{
font-style:oblique;
}
Et pour un lien déjà visité en cache dans le navigateur du visiteur :
a:visited
{
font-style: italic;
}
Pour y ajouter de la couleur rien de plus simple :
a:link
{
font-style:oblique;
color:#FFFFFF;
}
( couleur en hexadecimale ou rvb )
Si vous voulez que les liens soient differents suivant les classes :
Il faudra spécifier ces nouveaux attributs dans la feuille de style.
.titre2
{
font-size:12px;
color: #3eb951;
font-weight:bold;
padding-bottom:5px;
}
.titre2 a
{
font-size:12px;
color: #3eb951;
font-weight:bold;
}
.titre2 a:visited
{
font-size:12px;
color: #3eb951;
font-weight:bold;
}
.titre2 a:hover
{
font-size:12px;
color: #3eb951;
font-weight:bold;
background-color: #FFFF00;
}
Hors ligne
#2 16-10-2008 à 05:42
- Guest-79
- Invité
Re : Mise en forme CSS des liens dans une page
Bonjour,
Merci pour ces informations
Une question : comment puis faire pour qu'une image cliquable n'apparaissent pas avec un liseret ?
En vous remerciant par avance pour votre aide
Pierre.
#3 26-11-2008 à 13:20
Pages : 1
- Accueil
- » Mise en page
- » Mise en forme CSS des liens dans une page