espace entre plusieurs cadres par babou44 - page 1

bonjour j'ai un probleme au niveau de l'espace entre 3 parties de mon menu je sais pas d'ou sa vient normalemen les 3 parties devraient etre collé et là elles sont séparés

body
{
width: 1000px;
height: auto;
margin: auto;
background-color: #a8b0b8;
}

/* L'en-tête */

#header
{
width: 941px;
height: 116px;
margin: auto;
background-image: url("header.gif");
background-repeat: no-repeat;
margin-bottom: 10px;
margin-top: 10px;
background-color: #a8b0b8;
}

/* Le menu */
/* GAUCHE */
#menu_gauche
{
width:180px;
height:100%;
float:left;
margin-top: 10px;
}

.element_menu_gauche_titre
{
width: 182px;
height: 33px;
margin-bottom: 0px;
margin-top: 0px;
color: #B3B3B3;
background-color: #a8b0b8;
background-image: url("menu_titre.gif");
background-repeat: no-repeat;
text-align: center;
}

.element_menu_gauche_haut
{
width: 174px;
height: 46px;
margin: auto;
margin-bottom: 0px;
background-image: url("menu_haut.gif");
background-repeat: no-repeat;
text-align: center;
}

.element_menu_gauche_corps
{
width: 174px;
height:auto;
margin:auto;
margin-top: 0px;
margin-bottom: 0px;
background-color: #606c78;
background-position: center bottom;
}

/* Quelques effets sur les menus */

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

.element_menu_gauche_corps ul
{

}

.element_menu_gauche_corps a
{
color: #B3B3B3;
}

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

.element_menu_gauche_bas
{
width: 174px;
height: 50px;
margin: auto;
margin-top:0px;
background-image: url("menu_bas.gif");
background-repeat: no-repeat;
}

/* DROITE */
#menu_droite
{
width:180px;
height:100%;
float:right;
margin-top: 10px;
}

.element_menu_droite_titre
{
width: 182px;
height: 33px;
margin-bottom: 0px;
margin-top: 0px;
color: #B3B3B3;
background-color: #a8b0b8;
background-image: url("menu_titre.gif");
background-repeat: no-repeat;
text-align: center;
}

.element_menu_droite_haut
{
width: 174px;
height: 46px;
margin: auto;
margin-bottom: 0px;
background-image: url("menu_haut.gif");
background-repeat: no-repeat;
text-align: center;
}

.element_menu_droite_corps
{
width: 174px;
height: auto;
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
background-color: #606c78;
background-position: center bottom;
}

.element_menu_droite_bas
{
width: 174px;
height: 50px;
margin:auto;
background-image: url("menu_bas.gif");
background-repeat: no-repeat;
}

/* Le corps de la page */

#corps
{
width: 559px;
height: 100%;
margin-top: 10px;
margin: auto;
}

.element_corps_titre
{
width: 565px;
height: 33px;
color: #B3B3B3;
background-color: #a8b0b8;
background-image: url("corps_titre.gif");
background-repeat: no-repeat;
text-align: center;
}

.element_corps_haut
{
width: 559px;
height: 46px;
color: #B3B3B3;
background-color: #a8b0b8;
background-image: url("corps_haut.gif");
background-repeat: no-repeat;
text-align: center;
}

.element_corps
{
width: 559px;
margin: auto;
color: #B3B3B3;
background-color: #606c78;
}

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

.element_corps h2
{
height: 30px;
background-image: url("images/titre.png");
background-repeat: no-repeat;
padding-left: 30px;
color: #B3B3B3;
text-align: left;
}

.element_corps_bas
{
width: 559px;
height:50px;
color: #B3B3B3;
background-color: #a8b0b8;
background-image: url("corps_bas.gif");
background-repeat: no-repeat;
text-align: center;
}

babou44

27 décembre 2005 à 16:27:20

atly

27 décembre 2005 à 16:36:12

'lut.
Et ton html ?

27 décembre 2005 à 16:37:44

oups <lien url="lesjackys.Free.fr"></lien>

jp949

27 décembre 2005 à 16:49:16

faut aussi supprimer les margin des p h et ul

27 décembre 2005 à 16:50:28

C'est parce que les éléments contenus dans ton bloc ont également des marges.
Définis les marges également pour ceux-ci : <p>, <hX>, <ul>, et tous les autres blocs.
Mettre un margin:0 à ton div ne sert pas à grand chose.

Edit : Grillé.

27 décembre 2005 à 16:53:47

j'en vois pas sur le menu gauche et le corps je pense les avoirs enlevé

27 décembre 2005 à 17:07:29

Qu'est ce que tu racontes ?
L'erreur est bien là.

27 décembre 2005 à 17:15:08

je voi bien qu'il y a des margin sur le menu de droite mais j'en est pas mi sur celui de gauche et le corps je compren pas

27 décembre 2005 à 17:18:31

Un div n'a pas de marges par défaut. (Du moins si on ne modifie pas les feuilles de style utilisateur).
Un ul, si.
Il-a-des-marges-par-défaut !

Donc, retire les et tout ira bien.
Mets moi un margin:0 sur les éléments suscités et tout ira bien.
Edit : Enfin, margin:0... C'est à toi de voir quoi. Et ceci n'est nécessaire que sur les éléments qui sont sur les "bords" des tes divs, c'est-à-dire ceux qui sont capable de déplacer le bloc, en quelque sorte.
Je ne suis pas correct dans ma formulation, mais retiens ça et tout ira bien.

27 décembre 2005 à 17:24:18

ok merci je savais pas qu'il y avait des margin par defaut

espace entre plusieurs cadres

espace entre plusieurs cadres

Supprimer

Modérer

Signaler le message aux modérateurs