Forums entraide et discussions

GG le sympa

Administrateur

Lieu : Graçay

Inscription : 03-08-2006 à 14:41

Messages : 17 567

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

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.

SiMax

Membre

Inscription : 26-11-2008 à 13:05

Messages : 12

Site Web

Re : Mise en forme CSS des liens dans une page

Bonjour,

Il suffit d'ajouter "border:0px solid black;" dans votre CSS