Voilà, j´aiun problème de design avec mon css.

J´ai créé une navgation bar avec le scipt suvant:

[code]

div#navbar2 {
height: 30px;
width: 100%;
border-top: solid #000 1px;
border-bottom: solid #000 1px;
background-color: #000000;
}

div#navbar2 ul {
margin: 0%;
padding: 0%;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #FFFFFF;
line-height: 30px;
white-space: nowrap;
}

div#navbar2 li {
list-style-type: none;
display: inline;
}

div#navbar2 li a {
text-decoration: none;
padding: 7px 10px;
color: #FFFFFF;
}

div#navbar2 li a:link {
color: #FFFFFF:
}

div#navbar2 li a:visited {
color: #FFFFFF;
}

div#navbar2 li a:hover {
color: #FFFFFF;
background-color: #808080;
}
[fin du code]

regardez le rendu:
http://tom-evans.c.la

Mon problème:
Mon image de fond est percé à gauche, on voit la forme du navbar (en noir) dans mon background-image...

Quelqu´un peut m´aider?

Supprimes background-color: #000000;

Oui ou réduit sa taille avec: width: px ou pousse la barre avec un padding-left: px (ou padding-right sais pu), Ou fait les 2. Mais la solution de deep est la meilleure.

je vais essayer ^^

ça ne fonctionne pas ...

merci quand même ^^

Sinon tu as essayer la 2ème solutions que je t´ai proposer?

div#navbar2 {
height: 30px;
width: 500px;
padding-left: 100px;
border-top: solid #000 1px;
border-bottom: solid #000 1px;
background-color: #000000;
}

non ça va j´ai réussi ^^