28221 sujets

CSS et mise en forme, CSS3

salut.
dans les tutoriaux de ce site il y a une liste de page de presentation et j'ai choisit celle avec un menu haut, bas, a droite, a gauche, et un pieds mais je ne sais pas ce que reprente le header, le conteneur... (sont-ils des tableaux ou autre chose?)
voici le code( que j'ai repris du tutorial):

/* CSS issu des tutoriels www.alsacreations.com/articles */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header {
height: 50px;
background-color: #99CCCC;
}
#haut {
height: 30px;
background-color:#CCCCFF;
}
#conteneur {
position: absolute;
width: 100%;
background-color:#CCCCFF;
}
#centre {
background-color:#9999CC;
margin-left: 150px;
margin-right: 150px;
}
#gauche {
position: absolute;
left:0;
width: 150px;
}
#droite {
position: absolute;
right:0;
width: 150px;
}
#pied {
height: 30px;
background-color: #99CC99;
}

.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menuhaut a:hover {
text-decoration: none;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}
Ce sont des div qui ont un id défini.
Il faut en plus de la feuille de style que tu récupères le code source de la page correspondante...
En règle général, on définit le header comme la partie haute de la page (entête), le content la partie centrale, et le footer (pied de page) la partie basse. Maintenant, rien ne t'empêche de mettre tete à la place de header, ou pied à la place de footer.

Eric