Menu déplacement

bonjour a tous,

Je débute dans le ccs et je suis en train de faire un menu «sliding doors» horizontale cependant je n'arrive pas a le déplacer a mon gré ou dois je incorporer un code pour pouvoir le déplacer a ma guise ?

Merci par avance

Code CSS:

#nav li {
margin: 0;
padding: 0;
display: inline;
}

#nav li a:link, #nav li a:visited {
display: block;
float: left;
height: 32px;
line-height: 32px;
text-decoration: none;
text-align: center;
background: url(nav001.gif) repeat-x;
padding: 0 20px;
font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: 700;
color: #000000;
}

#nav li a:hover, #nav li a:active {
background: url('nav001.gif') 0 -32px;
padding: 0 20px;
font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: 700;
color: #FFFFFF;
}


Code HTML

<div id="nav">
<ul>
<li><a href="#nogo">Ressources créatives</a></li>
<li><a href="#nogo">Ressources Pédagogiques</a></li>
<li><a href="#nogo">Ressources inspiration</a></li>
<li><a href="#nogo">Contact</a></li>
</ul>
</div>

Bonjour a toi,

Essai peux etre,

Je débute aussi donc ma réponse n'est pas forcement la plus approprié
Affin d'éviter l'eccés de "DIV" sur ta page, remplace ton "div='nav' par

<ul id='nav'>
    <li>.....</li>
    <li>.....</li>
    <li>.....</li>
</ul>

Puis dans ta feuille de style :

ul#nav {
     margin-left: ..px;}

Modifié par worms30 (27 May 2008 - 20:15)