La liste qui rend fou !

Bonjour,

Alors voila je tente de faire un menu en utilisant les <ul><li>
L'astuce est que je veut mettre un fond a mon menu de 1er niveau (une image de 200 sur30) mais impossible...
La je sjuis dans cette méthode

a écrit :
#navlist
{
margin-left: 0;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}

#navlist li
{
width:198px;
padding-left: 20px;
padding-top: 5px;
background-image: url("/cardio2/images/back_navsec.gif");
background-repeat: no-repeat;
background-position: 0 .5em;
font-size: 10px;
}

#navlist li a
{
padding-left: 1px;
color: #666666;
font-size: 11px;
line-height: 16px;
text-decoration: none;
border-bottom: 1px solid #dcdcdc
}

#navlist li a:hover
{
color: #006;
font-size: 11px;
line-height: 16px;
text-decoration: none;
border-bottom: 1px solid #b9b9d5;
}

Et mon source ressemble a ca

a écrit :

<ul id="navlist">
<li><a href="/toto.asp">hopla</a></li>
</ul>

Mais rien a faire ! etj e parle meme pas de comment je vais gérer les menus inférieurs... Vaut il peut etre mieux faire ca en html classique ?

merci

essaie peut-être de mettre ton image d'arrière-plan non pas au li mais au ul ?
Modifié par Daweed (10 Aug 2005 - 14:13)

bonjour moon

C'est quoi le html classique ?
Qu'est-ce qui ne fonctionne pas ? L'affichage de l'image ?
Si c'est le cas, tu as bien vérifié son nom, son chemin et sa présence ?

As-tu un lien à donner qu'on puisse voir le résultat ?

As-tu essayé une class plutôt qu'un id ?

Si c'est le bon chemin, essaies sans les guillemets pour la ligne URL

(je ne sais pas pourquoi mais c'est ce que je fais, on a dû me le dire ici à un moment ou un autres )

Par exemple, cela marche sur le site de la mairie

a.image1 {
position :absolute;
        top: 0px;
        left: 50px;
     display: block; 
     width: 200px;
     height: 50px; 
     background-image: url(images/la_mairie2_p.gif); 
     background-repeat: no-repeat;
        padding: 25px 0px 0px 110px;
      }

moi ca marche
sinon enleve les guillemet à :

background-image: url("/cardio2/images/back_navsec.gif");

ton image se trouve bien au bon endroit par rapport au fichier .css ? (erreur classique)

fichier.css
---cardio2
---------images
---------------back_navsec.gif

Modifié par sane79 (10 Aug 2005 - 15:38)

Bonjour, par html classique j'entends des tables imbriquées dans tout les sens comme je suis en train de le faire ! En fait pour etre plus explicite h je vous ai uploadé une image de ce que voudrais le DA. Alors la j'en suis a mettre un style sur un TD

mon code html

a écrit :

<td background="images/back_navsec.gif" height="30"><div id="navun"><a href="">Publications</a></div></td>

et la css liée

a écrit :

#navun {
padding: 0px 0px 0px 20px;

}

Je sais c'est pas terrible mais en plus comme vous le voyez il faut gérer le trait gris en haut ou bas du 1er niveau de nav..