Page 2 sur 2
Publié : 18 juin 2007, 12:11
par BberXIII81
J'utilise quand même les balises h1 et h2, auxquelles j'ai attribuées la règle "titre" pour lui donner un aspect "gras et blanc", règle que je pourrai réutiliser, au besoin, pour du texte simple ou une autre balise. Ce qui me permettra aussi de ne pas avoir systématiquement mes h1 et h2 en "gras et blanc" si je dois m'en servir autre part.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
Publié : 18 juin 2007, 22:46
par Benoit
C'est bien pour ça que je te dis d'utiliser des sélecteurs descendants indiquant dans quoi tes h1 ou h2 se trouvent plutôt que des classes
Publié : 18 juin 2007, 23:11
par BberXIII81
J'avais pas très bien saisi le principe des sélecteurs descendants, je viens d'arriver à faire ce que tu m'a conseillé (ce qui n'était pas le cas la première fois), ça me satisfait assez, je vais essayer de l'utiliser ailleurs, merci
Voilà ce que j'ai obtenu:
Code : Tout sélectionner
body
{
background-image: url("fond.png");
text-align: center;
}
img
{
border: 0px solid;
vertical-align: middle;
}
p
{
text-indent: 20px;
}
div span, label
{
font-weight: bold;
color: #FF6600;
}
div#haut h2, div#haut h1
{
font-weight: bold;
color: #FFFFFF;
}
div#menu div, div#corps div
{
text-align: left;
}
p:hover, a:hover
{
background-color: #CFE1EB;
}
p:first-letter
{
font-weight: bold;
color: #FF6600;
font-size: 1.5em;
}
.gauche, div#barre form, #menu
{
float: left;
}
.bloc, #barre, #menu, #corps, #pied, #côté
{
background-color: #FFFFFF;
border: 4px ridge;
padding: 3px;
}
.droite, #côté
{
float: right;
}
#côté, #menu
{
width: 150px;
}
#corps, #pied
{
margin-left:169px;
margin-right:169px;
margin-bottom: 7px;
}
#barre
{
margin-bottom: 7px;
text-align: right;
}
#menu
{
clear: left;
}
[/code]