[résolu] un "id" et une "class"

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
BberXIII81
Lézard vert
Messages : 190
Inscription : 10 juin 2007, 10:06

Message 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
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Message 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 :)
♫ Li tens s'en veit, je n'ai riens fais ;
Li tens revient, je ne fais riens. ♪
BberXIII81
Lézard vert
Messages : 190
Inscription : 10 juin 2007, 10:06

Message 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;
}
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[/code]
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 4 invités