Probléme css !!!

Résolu
Signaler
Messages postés
111
Date d'inscription
vendredi 13 mai 2005
Statut
Membre
Dernière intervention
17 mai 2007
-
Messages postés
9433
Date d'inscription
mardi 9 octobre 2001
Statut
Membre
Dernière intervention
13 avril 2007
-
Bonjour,
j'ai un pobléme avec mon css !!
le probléme es-ce possible de mettre le pied de page en bas du menu de gauche et de droite et du milieu qui se gere tout seul avec l'extension :)
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("images/fond.png");
}

/* L'en-tête */

#en_tete
{
z-index:100;
width: 760px;
height: 150px;
background-image: url("images/hautnous.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}

/* Le menu gauche */

#menu_gauche
{
z-index:100;
float: left;
width: 120px;
}

.element_menu_gauche
{
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;

margin-bottom: 20px;
}

.element_menu_titre
{
border: 1px dotted black;
}

/* Quelques effets sur les menus */

.element_menu_gauche h3
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

.element_menu_gauche ul
{
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}

.element_menu_gauche a
{
color: #B3B3B3;
}

.element_menu_gauche a:hover
{
background-color: #B3B3B3;
color: black;
}

/* Le menu droite */

#menu_droite
{
z-index:100;
float: right;
width: 120px;
}

.element_menu_droite
{
background-color: #33CCFF;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;

margin-bottom: 20px;
}

/* Quelques effets sur les menus */

.element_menu_droite h3
{
color: #ffffff;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

.element_menu_droite ul
{
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}

.element_menu_droite a
{
color: #B3B3B3;
}

.element_menu_droite a:hover
{
background-color: #B3B3B3;
color: black;
}

/* La barre de navigation */

#barre
{
z-index:100;
width:100%
height:90px;

color: #B3B3B3;
background-color: #626262;
background-image: url("tonurldimage");
background-repeat: repeat-x;
}

/* Le corps de la page */

#corps
{
z-index:100;
margin-left:140px;
margin-right:140px;
margin-bottom: 20px;
padding: 5px;

color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;
}

#corps h1
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
height: 30px;

background-image: url("images/titre.png");
background-repeat: no-repeat;

padding-left: 30px;
color: #B3B3B3;
text-align: left;
}

/* Le pied de page */

#pied_de_page
{
z-index:100;
padding: 5px;

text-align: center;

color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;
}
merci de votre aide

1 réponse

Messages postés
9433
Date d'inscription
mardi 9 octobre 2001
Statut
Membre
Dernière intervention
13 avril 2007
9
Salut,

pose plutôt ta question sur un forum d'aide CSS, tel que celui d'alsacreations par exemple.

a +

<hr size="2" width="100%"><li>Entraide, dépannage et vulgarisation informatique : Mon site de vulgarisation informatique</li><li>Codes-php.net</li>