regarde :
.entete
{
width: 750px;
height: 100px;
background-repeat: repeat;
}
body <<<<<<<==== c´est quoi ca !! !!!!!!!!!
.grandcadre
{
width: 758px; /* le grand cadre aura une largeur de 800px */
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-repeat: repeat;
}
p
{
width: 600px; /* On a indiqué une largeur (obligatoire) */
text-align: justify;
padding: 12px;
margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
margin-bottom: 20px;
}
body
{
width: 760px;
margin: auto;
margin-top: -20px;
margin-bottom: 20px;
background-image: url("img/fond 1.png");
background-repeat: no-repeat;
background-attachment: fixed;
}
a img
{
border: none;
}
h3
{
text-align: center;
font-family: "Comic Sans MS", Arial, Verdana, serif;
}
h2
{
font-family: "Comic Sans MS", Arial, Verdana, serif;
}
- menu
{
float: left; /* Le menu flottera à gauche */
width: 175px; /* Très important : donner une taille au menu */
margin-left: -5px;
}
.menua
{
font-family: "Comic Sans MS", Arial, Verdana, serif;
color: white;
font-size: medium;
background-repeat: no-repeat;
margin-bottom: 0px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
.menub
{
font-family: "Comic Sans MS", Arial, Verdana, serif;
color: white;
font-size: medium;
background-repeat: no-repeat;
margin-bottom: 0px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
li a
{
display: block;
text-decoration: none;
color: white;
}
li a:hover
{
text-decoration: underline;
}
li
{
list-style-type: none;
}
li:hover
{
list-style-image: url("img/main.gif");
}
- corps
{
background-position: top right;
background-repeat: no-repeat;
color: white;
margin-left: -20px; /* Une marge à gauche pour pousser le corps, afin qu´il ne passe plus sous le menu */
margin-bottom: 20px; /* Ca c´est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; /* Pour éviter que le texte à l´intérieur du corps ne colle trop à la bordure */
text-align: left;
}
_________
ya un truc qui traine tout seul (body)
