reduir l'espacement entre les lignes

[phil3001]

bonsoir,

j'utilise le menu horizontal de julien breux.
quand mon menu se deploi, je trouve qu'il y a trop d'espace entre chaque items
je voudrais pouvoir reduire cet espace entre chaque ligne

j'ai essayé de regarder dans le css du menu mais je trouve pas ou il faut faut modifer

je suppose qui'il faut mettre un line-height mais je trouve pas ou

je vous ai mis une capture d'écran afin que vous regardiez bien ce que je veux. comme vous pouvez le voir il y a beaucoup d'espace entre les 4 sous menu. je veux réduire cet espace.

merci de votre aide

[Jacques Biais]

Bonjour,
Je crois me souvenir qu'il s'agit de "sf-menu ul li" . Fais un test en appliquant une hauteur et regardes le résultat.
Cordialement

[phil3001]

bonjour

non ca ne marche pas

cela n'a aucun effet

vraiment je ne trouve pas

[Vincent Decaux]

Un lien vers le site pour que nous puissions regarder avec Firebug ?

[phil3001]

Bonsoir


je suis pour le moment en local. je vous donne le code par contre :

merci pour votre aide

/*** ESSENTIAL STYLES ***/
.sf-contener {
 width:853px;
 float:left;
 clear:both
}
.sf-right { display:none}
.sf-menu, .sf-menu * {
   margin:            0;
   padding:        0;
   list-style:        none;
}

.sf-menu {
   background: url("../img/b1.jpg") no-repeat scroll left bottom transparent;
   border-top: 0 dotted #EFEFEF;
   float: left;
   height: 53px;
   line-height: 1.2;
   margin-bottom: 0.8em;
   margin-left: 0px;
   margin-top: -26px;
   padding: 0 1em;
   width: 969px;
   padding-left:0em;
}
.sf-menu ul {
   position:        absolute;
   top:            -999em;
   width:            15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
   width:            100%;
}
.sf-menu li:hover {
   visibility:        inherit;
    background: url("../img/b2.jpg"); /* fixes IE7 'sticky bug' */
}
.sf-menu li {
   float:            left;
   position:        relative;
   border-right: 1px solid white;
   height:51px;
   padding-left:1em;
}
.sf-menu a {
   display:        block;
   position:        relative;
   color:         #282c2f;
   text-transform:uppercase;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
   left:            0;
   top:            2.7em; /* match top ul list item height */
   z-index:        99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
   top:            -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
   left:            10em; /* match ul width */
   top:            0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
   top:            -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
   left:            10em; /* match ul width */
   top:            0;
}

/*** DEMO SKIN ***/
.sf-menu {
   float:            left;
   padding-top:0.2em;
}
.sf-menu a {
 border: 0;
/*    border-left:    1px solid #fff;
   border-top:        1px solid #CFDEFF; */
   padding:          18px 25px 9px 0;
   text-decoration:none;
}
.sf-menu a, .sf-menu a:visited {
   color: #DDDDDD;
   font-size: 9px;
   font-weight: bold;
   margin-left: 8px;
   text-decoration: none;
}
.sf-menu a:active  { /* visited pseudo selector so IE6 applies text colour*/
   color:            #da0f00;
}

.sf-menu li li {
   background:        black;/*#AABDE6;*/
}
.sf-menu li li li {
   background:        white;/*#9AAEDB;*/
}
.sf-menu a:hover, .sf-menu a:active { text-decoration:underline}
.sf-menu a:active { text-decoration:underline; color:#0C0}

.sf-menu li.noBack {
background:none repeat scroll 0 0 transparent;
border-right:none;
}
.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {
background:black;
text-decoration:underline;
outline:        0;

}
/*** arrows **/
.sf-menu a.sf-with-ul {
   padding-right:     4em;
   min-width:        1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
background:url("../img/arrows-ffffff.png") no-repeat scroll -10px -100px transparent;
display:block;
height:10px;
margin-top:6px; /* IE6 only */
overflow:hidden;
position:absolute;
right:1.6em;
text-indent:-999em;
width:10px;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
   top:            1.4em;
   background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
   background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
   background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
   background:    url('../img/texture.gif');
   padding: 0 3px 3px 0;

}
.sf-shadow ul a { padding:.75em 1em;}
.sf-shadow ul a:hover{ text-decoration:none}
.sf-shadow ul.sf-shadow-off {
   background: white;
}
li.sf-search {
 background: inherit;
 float: right;
 line-height: 25px;
}

li.sf-search input {
   background: url("../img/block-search.gif") no-repeat scroll left center transparent;
   border: medium none;
   color: #999999;
   height: 30px;
   margin-top: 0;
   padding: 11px 32px 9px 20px;
   width: 158px;

}

[phil3001]

en testant j'ai trouvé

en faites il fallait à la ligne :.sf-menu li
remplacer le height : 51px en height 100 % et ca fonctionne

Les soucis arrivant les uns derrière les autres, j'ai un autre soucis

Comme vous pouvez le voir sur l'image ci jointe, mon menu deroulant commence juste en dessous du texte. j'aimerai de mon menu commence juste au niveau bas du bandeau.

mon image expliquera mieux

merci

[Vincent Decaux]

Remets le 51px la où tu l'avais changé, et rajoute à .sf-menu li li :

height:100%;

[phil3001]

bonjour,

en faisant cela, ca change rien
mon menu se déroule toujours a partir du texte et non a partir du bas du bandeau

[Vincent Decaux]

Hmm étrange ! Mais c'est difficile d'aider sans le site en ligne vraiment, un coup de Firebug et on en a pour 30 secondes, mais la ...
Si tu peux, mets le en ligne et ça viendra tout seul, ou garde ce problème de côté le temps de la mise en ligne et reviens vers nous après.

[phil3001]

bonsoir,

j'ai mis le site en ligne (enfin une première ébauche)

http://www.eurodeal4u.Fr

merci de vote aide