Styles CSS
Vixage
-
2 juin 2004 à 14:35
castali -
castali -
Bonjour,
Dans une page web j'ai un menu et un sous menu constitués de liens hypertexte. Chacun doit avoir une apparence différente au niveau de la police, taille, couleur, fond...
Comment faire pour utiliser 2 styles différents pour des liens qui sont dans la même page?
Merci pour votre aide.
Dans une page web j'ai un menu et un sous menu constitués de liens hypertexte. Chacun doit avoir une apparence différente au niveau de la police, taille, couleur, fond...
Comment faire pour utiliser 2 styles différents pour des liens qui sont dans la même page?
Merci pour votre aide.
A voir également:
- Styles CSS
- Styles word - Guide
- Telecharger styles yamaha a1000 gratuit - Télécharger - Audio & Musique
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
3 réponses
dans le css
.url1 {
font-family: arial, helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #409fbf;
}
.url2 {
<<valeurs différentes au choix>>
}
dans le HTML
<FONT class="url1"><a href="...">..</></FONT>
<FONT class="url2"><a href="...">..</></FONT>
.url1 {
font-family: arial, helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #409fbf;
}
.url2 {
<<valeurs différentes au choix>>
}
dans le HTML
<FONT class="url1"><a href="...">..</></FONT>
<FONT class="url2"><a href="...">..</></FONT>
dedale82
Messages postés
403
Date d'inscription
jeudi 15 avril 2004
Statut
Membre
Dernière intervention
28 octobre 2008
283
2 juin 2004 à 14:40
2 juin 2004 à 14:40
Salut,
tu peux definir des styles differents pour des liens en utilisant des classes, dans ta balise <a href> tu rajoute class="nom de la classe", puis dans ton fichier css, tu definis les caracteristiques de ta classe :
.nom de la classe {caracteristique1 ; caracteristique 2}.
Si j'ai bonne mémoire, c'est comme ca qu'il faut faire.
tu peux definir des styles differents pour des liens en utilisant des classes, dans ta balise <a href> tu rajoute class="nom de la classe", puis dans ton fichier css, tu definis les caracteristiques de ta classe :
.nom de la classe {caracteristique1 ; caracteristique 2}.
Si j'ai bonne mémoire, c'est comme ca qu'il faut faire.
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title> nouveau </title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<style type="text/css" media="all">
a#.lien1
{
color:red;
}
a#.lien1:hover
{
font-size:60px;
}
a#.lien2
{
color:green;
}
a#.lien2:hover
{
background-color:black;
color:white;
}
</style>
</head>
<body>
<form id="MainForm">
<a class="lien1" href="?l=1">lien un</a>
<br />
<a class="lien2" href="?l=2">lien deux</a>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title> nouveau </title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<style type="text/css" media="all">
a#.lien1
{
color:red;
}
a#.lien1:hover
{
font-size:60px;
}
a#.lien2
{
color:green;
}
a#.lien2:hover
{
background-color:black;
color:white;
}
</style>
</head>
<body>
<form id="MainForm">
<a class="lien1" href="?l=1">lien un</a>
<br />
<a class="lien2" href="?l=2">lien deux</a>
</form>
</body>
</html>
