Vous n'êtes pas identifié(e).

#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

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 smile

Hors ligne

Réponse rapide

Veuillez composer votre message et l'envoyer

Pied de page des forums