Forum d'entraide PHPFrance

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

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.

Je te remercie pour ton explication trés claire.

[Résolu]

Forum d'entraide PHPFrance

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

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