28173 sujets

CSS et mise en forme, CSS3

[Résolu] Probléme de mise en page - decalage du pied de page

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 Smiley smile
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
Modifié par TeXaS (29 Jan 2006 - 13:36)
Bonsoir Texas

Pourrais-tu, pour plus de lisibilité, baliser ton code avec le tag [ code] ... [/code], svp ?

Et, ahem... expliciter un peu ce :

a écrit :
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


Smiley fouille Smiley confuse
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 Smiley smile 

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;
}

au pire regarde http://lsdm.clan.free.fr tu veras mieux pourquoi Smiley smile
merci de votre aide
Administrateur
TeXaS a écrit :
oui désolé!!

Hello et bienvenue ici,

Comme tu es dans le salon CSS, tu dois te douter que la grande majorité des sujets ici (voire tous) traitent de "problèmes css".

Ton sujet va donc malheureusement vite se perdre dans la masse, tout simplement parce que tu ne donnes pas assez de précision dans ton titre Smiley decu

Pour ce qui est de tes CODES, n'hésite pas à modifier tes messages plutot que d'en écrire de nouveaux identiques ;-/
Sujet clos
Aller à