Modifier une balise avec CSS mais pas toutes celle du code html

Fermé
EinsteinE=mc2 - 17 sept. 2013 à 16:56
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 - 17 sept. 2013 à 19:49
Bonjour,

Je débute en programation et j'aimerais savoir comment fait-on pour ajouter du style à une balise mais sans modifier toute les balises du code html , je ne sais pas si je suis très claire . Pour être plus précis j'aimerais mettre de style différents sur la balise <hr> mais le problème c'est que dans mon code elle porte tout deux le meme nom .

Merci d'avance à celui qui aura le courage de me rep .. ;)

A voir également:

3 réponses

EinsteinE=mc2
17 sept. 2013 à 17:35
HELPP please :'(
0
inspiring Messages postés 1813 Date d'inscription vendredi 28 janvier 2011 Statut Membre Dernière intervention 31 décembre 2018 265
17 sept. 2013 à 17:36
bonjour,

Dans ce cas tu crées des "class" :

.mon-hr-1 {border-color:#91c225;}

.mon-hr-2 {border-color:#ccc;}


et dans ton code html tu défini ton choix selon tes <hr>

bla bla bla ...
<hr class="mon-hr-1">
bla bla bla ...
bla bla bla ...
bla bla bla ...
<hr class="mon-hr-2">
bla bla bla ...
bla bla bla ...
0
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
17 sept. 2013 à 18:00
Salut

il faut juste donner une identification a la balise hr avec un id si il est unique ou une class si il y en as plusieurs de la meme couleur, et les styler en CSS !

exemple

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>
RAD ZONE Webcreation
</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
hr#rouge{
color: #FF2E2E;
background-color: #FF2E2E;
height: 2px;
border: 0;
}

hr#bleu{
color: #2560FF;
background-color: #2560FF;
height: 2px;
border: 0;
}

hr.vert{
color: #90FF45;
background-color: #90FF45;
height: 2px;
border: 0;
}
/*]]>*/
</style>
</head>
<body>
<hr id="rouge" />
<p>
blabla
</p>
<hr id="bleu" />
<p>
blabla
</p>
<hr class="vert" />
<p>
blabla
</p>
<hr class="vert" />
<p>
blabla
</p>
<hr class="vert" />
</body>
</html>


a+
0
bg62 Messages postés 23652 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 29 octobre 2024 2 384
17 sept. 2013 à 19:47
salut RAD ;)
0
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
17 sept. 2013 à 19:49
Salut bg ;-)
0