Alors voila je suis entrain de creer un nouveau site internet
en ce moment je suis sur le design du menu
seulement j'aimerai reduire l'espace que j'ai entre mes sous-titre (pas des liens) et mes liens, il y a un grd espace qui est du je crois au fait que mes liens sont entre les balises <li> </li>
y a-t-il un moyen par le CSS par exemple de suprimer ou reduire cet ecart



merci de m'aider

Personne ne sait comment régler ce petit problème ?
Allez les pros de l'info ... au boulot ^_^
merci

méthode de bourrin : tu mets des margin-top négative à tes li.

Essaye avec des padding a 0.

tu pourrais mettre le code de ton menu, j'ai la flemme d'un faire un pareil pour tester ^^.

j'ai essaye la methode bourrin, ca marche pour reduire 'lecart entre les liens

mais j'aimerai surtout en fait reduire l'ecart entre un sous-theme et ses liens entre "Les Tutoriels" et "FileZilla" par exemple
voila un bout de mon code css concernant cette partie du menu



les <span> dans le menu je les ai mis autour des sous-themes dans le code html

les -4px c'est entre les liens mais pas moyen de le faire entre lien et sous-theme !

alors ?

Tu pourrais passer le code de ton menu ? (et pas un screenshot !)
Et le code CSS associé à ton menu ?

Ou carrément uploader une page sur internet ?

Code (X)HTML du menu:

<span>Les Tutoriels</span>
<ul>
<li style="list-style-image:url(http://perso.orange.fr/valion/design/puce.gif)"><a href="base.htm">FileZilla</a></li>
<li style="list-style-image:url(http://perso.orange.fr/valion/design/puce.gif)"><a href="base.htm">Photoshop</a></li>
<li style="list-style-image:url(http://perso.orange.fr/valion/design/puce.gif)"><a href="base.htm">Notepad ++</a></li>
<li style="list-style-image:url(http://perso.orange.fr/valion/design/puce.gif)"><a href="base.htm">Ordinateur</a></li>
</ul>
<span>Atelier</span>
<ul>
<li style="list-style-image:url(http://perso.orange.fr/valion/design/puce.gif)"><a href="base.htm">Nos logos</a></li>
</ul>

Code CSS de Tout ce qi concerne le menu:

#menu1
{
float: left;
width: 170px;
padding-left: 10px;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 10px;
background-color: #ffddc2;
border-right: 2px solid #ffb376;
border-left: 2px solid #ffb376;
border-bottom: 2px solid #ffb376;
background-image: url(/menu_header.gif);
background-repeat: repeat-x;
}
#menu1 a:hover
{
color: #ff7200;
text-decoration: underline;
}
#menu1 a
{
text-decoration: none;
color: #ff7200;
font-family: "Times New Roman", Arial, serif;
font-size: 14px;
}
#menu1 span
{
color: #ff7200;
font-family: "Times New Roman", Arial, serif;
font-size: 14px;
text-decoration: underline;
margin-bottom: -20px;
}
#menu1 li
{
margin-top: -4px;
margin-bottom: -4px;
}


Voila j'espere que c'est lisible

J'aurai aimé savoir aussi si on peut gerez entierement notre menu en CSS
je m'explique, mon site va etre principalement constitue en css et html
mais le problème c'est que dès que je voudrais par exemple rajouter une rubrique ou quelque chose dans le genre pour le menu, je dois faire la mise a jour sur chaque page de mon site et tout recharger sur le ftp

c'est un peu moyen comme méthode non ?
donc voila je suppose qu'il y a une technique pour tout centraliser mais je ne la connais pas.

Alors, ton problème, je pense c'est que la balise <ul> a des marges aussi.
Met les marges de ul à 0.

#menu1 ul {
margin:0;
padding:0;
}


Sinon, une des façons est d'utiliser du PHP. De faire une page avec juste ton menu et d'inclure ton menu dans chaque page. Comme ça tu n'auras besoin de modifier ton menu qu'une seule fois

okay, faut just que je sache comment le faire en php, heu ...
la je sais aps si faut s'y connaitre beaucoup ou pas
Peut-etre que cet ete j'aurai le temps de voir les cours du site duzero sur le php, mais c'est facile je veux dire si pour faire le menu ya juste besoin des balises equivalents du html genre les trucs
echo
...
mais si c'est plus hard, hum hum ^_^

en tout acs merci infiniment a toi OMAR

pour le PHP, si tu veux juste mettre le menu sur toutes tes pages, tu n'auras pas besoin de savoir beaucoup de choses.

Juste la fonction include (http://fr.php.net/include).

Tu créeras un fichier monmenu.html (par exemple), et dans toutes tes autres pages, tu feras <? include("monmenu.html" ); ?>, et c'est tout (faudra juste renommer toutes tes pages en .php, et faudra un serveur qui accepte le PHP.

Edit: et sinon, ton problème de CSS, c'est réglé ?

oui le problèeme de CSS c'est bon encore merci

Mais voila le problème d'un serveur qui accpete le php, car moi je suis chez orange et je prend donc le ftp qu'il mette gratuitement a disposition : 100 Mo et ya pas Php, pour ca faut payer ! comme si on payait pas assez deja !

bref si tu sais comment resoudre ce probleme aussi tu deviens mon héro lico ^^

une solution pourrait être les frames : mais c'est gore
sinon, tu pourrais utiliser l'iframe : un peu mieux mais bon...
et dernier choix, faire ça en javascript. Tu mets tout ton menu dans un fichier javascript qui va bien, et tu l'appelles dans chaque page avec la fonction qui va bien, mais bon, ça peut être un peu compliqué si tu ne connais pas le javascript, et ça peut être un peu chiant vu que ça ne va charger le javascript qu'à la fin du chargement de ta page

Si tu veux plus d'infos sur une méthode, tu peux demander