[RÉGLÉ] problème d'interligne

[raph_egg]

Bonjour, j'ai beau tester et rester, je n'arrive pas à trouver l'endroit pour reserrer les interlignes pour les entrées de menu de second niveau.

http://www.lemusee.ch/site1/

et le code css :

html {
height: 101%;
}

body {
/*border: 1px solid red;*/
color : black;
background : black;
font-family: "Helvetica Neue", sans-serif;

font-size : 14px;
padding : 0;
margin : 0;

}

img {
box-shadow: 4px 4px 12px black;
}
img:hover
{
box-shadow: 4px 4px 12px 4px #AF3F3F;
}

a {
color : white;
}

a:hover {
text-decoration : none;

}

a:focus {
outline: none;
color : white;
}

.clr {
clear : both;
}

li {
list-style : none;
}

p {
padding : 4px 0 4px 0;
color : black;
}

* {
margin : 0;
padding : 0;
}

h1, h2, h3, h4, h5 {
font-size : 18px;
font-weight : normal;
}
#wrapper {
/*border: 1px solid red;*/
margin: 0 auto ;
background : none;
width : 1000px ;
height : 400px ;
margin-top: 100px;
float: top;
}
#logo a {
width: 450px;
height: 70px;
display: block;
}

#news {
height: 100px;
width: 500px;
float: left;
}

#topmenu {
height: 50px;
}

#conteneur {
padding : 10px;
}

#slideshow {
height: 235px;
clear: both;
margin: 10px 0 10px 0;
}

#breadcrumbs {
height: 20px;
}

#gauche {
width: 210px;
float: left;
}

#centre.normal{
float: left;
width: 590px;
}


#centre.large {
float: left;
width: 790px;
}

#centre div.interne {
padding: 10px;
}


#droite {
width: 200px;
float: left;
}

#footer {
padding: 10px;
text-align: center;
}

/*** menu colonne ***/
h3 {
color: black;
font-size: 18px;
/*font-weight: bold;*/
padding-left: 20px;

}

ul.menu li {
background: none;
border-bottom: 30px solid none;
line-height: 10px;

/*margin:5px 0 5px 0;*/

}

ul.menu li ul li{
margin-left: 10px;
background: #666;

}

ul.menu li a {
color: #fff;
text-decoration: none;
line-height: 25px;
padding-left: 10px;

}

ul.menu li a:hover {
color: #000;
color : grey;
}
ul.menu li li a:hover {
color: #000;
color : #D5D8D8;
}


/*** module gris ***/
div.moduletable_gris h3 {
height: 36px;
background: url(../images/titre_modulegris.png) left top repeat-x;
line-height: 30px;
color: #fff;
font-weight: normal;

}

div.moduletable_gris {
background: #9e9e9e url(../images/bas_modulegris.png) left bottom repeat-x;
padding-bottom: 35px;
color: #fff;
margin-top: 10px;
}

div.moduletable_gris a {
color: red;
padding-left : 10px;
line-height: 20px;
}

/*** formulaires ***/
input#modlgn-username, input#modlgn-passwd {
width: 153px;
height: 28px;
line-height: 25px;
background: url(../images/login_form.png) left top no-repeat;
border: none;
margin: 0;
padding: 0px 0 5px 10px;
}

#login-form fieldset{
border: none;
}

#login-form li{
line-height: 20px;
}

input.button {
background: #333;
color: #fff;
border: none;
padding: 7px;
cursor: pointer;
}
#pied{
background : blue;
width : 500px ;
margin-top: 100px;
/*float: bottom ;*/
}

#picture {
border-radius: 5px;
z-index: 4;
position:absolute;
width:285px;
height:70%;
background:url(../images/epicerie_1.png) no-repeat black;

}
#picture ul {
margin-left:100px;
}
#picture ul li li {
text-indent:0px;
text-align: left;
color:white;
background:#E9982E;
z-index:8;
}
#contenu_principal {
border-radius: 5px;
padding-left: 200px;
padding-right: 20px;
padding-top: 100px;
padding-bottom: 20px;
background : #9F7A30 ;
width : 700px ;
min-height : 600px;

margin-top: 0px;
margin-left: 300px ;
/*border: 1px solid red;*/
position : absolute;
z-index: 1;
}
#menu_principal {
background : none;
width : 5% ;
position : relative ;
float: center;
border: 1px solid #fff;
}
#logo {
width : 500px ;
height : 80px ;
margin-top: -100px;

position: relative;
float : right;
/*border: 1px solid #fff;*/

background: url(../images/logo_2011.png) right top no-repeat;
z-index: 60;
}

#juste_un_conteneur {
background : black ;
width : 98% ;
height : 0% ;
margin-top: 1px;
margin-right : 1px ;
position : relative;
/*border: 1px solid red;*/
}
/*
#shadowbox{
width:200px;
height:100px;
border: 1px solid #fff;
box-shadow:9px 9px 10px #333333
}
*/
#youtube{
width:100px;
height:100px;
margin-top: 750px;
margin-right : 100px ;
background : none ;
float: left ;
position:relative;


background:url(../images/youtube_logo.png) no-repeat black;
}
#facebook{
width:100px;
height:100px;
margin-top: 750px;
margin-right : 0px ;
background : none ;
float: left;
background:url(../images/facebook_logo.png) no-repeat black;
position:relative;

}
#menu_musee{
z-index: 10;
position:absolute;
width:300px;
/*height:250px;*/
margin-left:240px;
margin-top:50px;
background:none;
line-height:2px;
}
#menu_musee ul li a{
border-radius: 5px;
font-size : 26px;
background:black;
padding-left: 20px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
box-shadow: 4px 4px 12px black;
line-height: 1px;
}
#menu_musee ul li li a{
font-size : 16px;
background:none;
box-shadow: none;

line-height:2px;

}
#menu_musee ul li {
width:250px;
text-align: left;
color:white;
background:none;
font-size : 22px;
margin-top:50px;

}
#menu_musee ul li li {
width:300px;
text-indent:40px;
padding-top:15px;
text-align: left;
color:white;

z-index:2;
font-size : 16px;

line-height:2px;
}

Merci pour vos précieux conseils :-)

[kursus]

Re : problème d'interligne

Salut,

Tu as un margin-top de 50 px sur #menu_musee ul li, qui est donc répercuté automatiquement sur #menu_musee ul li li.
Rajoute donc un margin-top de 20px ou autres sur #menu_musee ul li li (ligne 362).

a+

[raph_egg]

Re : problème d'interligne

Salut,

Tu as un margin-top de 50 px sur #menu_musee ul li, qui est donc répercuté automatiquement sur #menu_musee ul li li.
Rajoute donc un margin-top de 20px ou autres sur #menu_musee ul li li (ligne 362).

a+

Merci, ça fonctionne. Heureusement y a des gars comme toi pour aider des gars comme moi ;-)

[raph_egg]

Re : problème d'interligne

Salut,

Tu as un margin-top de 50 px sur #menu_musee ul li, qui est donc répercuté automatiquement sur #menu_musee ul li li.
Rajoute donc un margin-top de 20px ou autres sur #menu_musee ul li li (ligne 362).

a+

regarde le résultat actuel sur la page, est-il possible de réduire encore l'interligne ? j'ai ajouté

line-height: 15px;

mais l'espace interligne est toujours important.

[kursus]

Re : problème d'interligne

Il y a un padding top et bottom sur tes liens (#menu_musee ul li a), qui est de la même façon que ton premier problème répercuté sur #menu_musee ul li li a

Solution

#menu_musee ul li li a {
padding-top : XXpx;
padding-bottom: XXpx;
}

Pour ce genre de problème Firebug est ton meilleur ami.

a+