comment definir 2 liens dans un même page avec 2 css

20 sept. 2005, 10:52

Bonjour,

Sur la même page j'ai un lien que je veux avec une taiile d'écriture 15 px et un avec un taille de 10 px mais je n'arrive pas car il y en a un qui s' impose

Code : Tout sélectionner

<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="lientaille15.css" rel="stylesheet" type="text/css">
<link href="lientaille10.css" rel="stylesheet" type="text/css">
</head>

<body>
<p><a href="offre_emploi/resultat_offre_emploi.php">taille10</a></p>

<p><a href="offre_emploi/formulaire_offre_emploi.php">taille15</a></p>
</body>
</html>

et voila mes 2 styles css

Code : Tout sélectionner

a:link {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
a:visited {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}

et le 2ieme

Code : Tout sélectionner

a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #000000;
	text-decoration: none;
}
a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #FF0000;
	text-decoration: none;
}

Merci d'avance

20 sept. 2005, 10:59

Pour utiliser plusieurs lien css, nommes les, par exemple :

Code : Tout sélectionner

a.nom1:link { ...;}
a.nom1:active { ...;}
a.nom1:visited { ...;}
a.nom1:hover { ...;}

a.nom2:link { ...;}
a.nom2:active { ...;}
a.nom2:visited { ...;}
a.nom2:hover { ...;}

Donc en gros ta css codecss.css :

Code : Tout sélectionner

a.taille10:link { 
   font-size: 10px; 
   color: #000000; 
   text-decoration: none; 
} 
a.taille10:visited { 
   font-size: 10px; 
   color: #000000; 
   text-decoration: none; 
} 
a.taille10:hover { 
   font-size: 10px; 
   color: #FF0000; 
   text-decoration: none; 
} 


a.taille15:link { 
   font-family: Georgia, "Times New Roman", Times, serif; 
   font-size: 15px; 
   color: #000000; 
   text-decoration: none; 
} 
a.taille15:visited { 
   font-family: Georgia, "Times New Roman", Times, serif; 
   font-size: 15px; 
   color: #000000; 
   text-decoration: none; 
} 
a.taille15:hover { 
   font-family: Georgia, "Times New Roman", Times, serif; 
   font-size: 15px; 
   color: #FF0000; 
   text-decoration: none; 
}

et dans ton code :

Code : Tout sélectionner

<html> 
<head> 
<title>Document sans titre</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<link href="codecss.css" rel="stylesheet" type="text/css">
</head> 

<body> 
<p><a href="offre_emploi/resultat_offre_emploi.php" class="taille10">taille10</a></p> 

<p><a href="offre_emploi/formulaire_offre_emploi.php" class="taille15">taille15</a></p> 
</body> 
</html>

Il est inutile de faire 2 css pour ça. Intègres les 2 styles dans la même page css. Là, je l'ai appelé codecss.css.

20 sept. 2005, 11:28

Je te remercie pour ton explication trés claire.

20 sept. 2005, 12:48

[Résolu]

comment definir 2 liens dans un même page avec 2 css

Qui est en ligne