Problème barre de navigation

Fermé
ricocorto Messages postés 50 Date d'inscription jeudi 17 avril 2008 Statut Membre Dernière intervention 29 juin 2009 - 26 mai 2008 à 10:54
ricocorto Messages postés 50 Date d'inscription jeudi 17 avril 2008 Statut Membre Dernière intervention 29 juin 2009 - 26 mai 2008 à 13:40
Bonjour,
j'ai crée une page d'accueil avec mon menu en haut dans un div nav:
sauf que mon menu se retrouve dans un div conteneur en dessous.
code html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Bar, Pub "Le Noroit" a port Tudy, Ile de Groix</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Language" content="fr" />

<!--[if IE]>
<style type="text/css">
html pre
{
width: 636px ;
}
</style>
<![endif]-->

<link href="noir.css" rel="stylesheet" type="text/css" />

</head>

<body>
<div id="nav">
<ul id="menu">
<li><a href="complet.html">Accueil</a></li>
<li><a href="complet.html">L'équipage</a></li>
<li><a href="complet.html">Les soirées</a></li>
<li><a href="complet.html">Contact</a></li>
<li><a href="complet.html">Le plan</a></li>
</ul>
</div>
<div id="conteneur">
Bar et pub............
</div>
</body>

et le css:
body
{
background:#000;
}
#nav
{
width: 770px ;
height:40px;
margin:0px 10px;
margin-left:auto;
margin-right: auto ;
text-align: ;
border: 1px solid white ;
background:#000;
}
ul#menu
{
height: 35px ;
margin: 55px;
padding: 0 ;
background: white;/*repeat-x 0 -25px ;url(.gif) */
list-style-type: none ;

}
ul#menu li
{
float: left ;
text-align: center ;
}
ul#menu li a
{
width: 130px ;
line-height: 25px ;
font-size: 1.2em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #fff ;
display: block ;
text-decoration: none ;
border-right: 2px solid #dea ;
background:black;/*url(img/boubf.gif) no-repeat 0 0 ;*/
}
ul#menu li a:hover
{
background:yellow; /*url(img/boubc.gif)repeat-x 0 0 ;url(bg_menu.gif)*/
}
#conteneur
{
width: 770px ;
height:500px;
margin:0px 10px;
margin-left:auto;
margin-right: auto ;
text-align: ;
border: 1px solid black ;
background:white;
}
p
{
font-size: 15px;
color: white;
}

voila si vous voyez?
merci a plus tard

2 réponses

bonjour
si tu enlevai dans : ul#menu "margin: 55px;"
0
bonjour
enlève déjà margin: 55px; dans ul#menu
0
ricocorto Messages postés 50 Date d'inscription jeudi 17 avril 2008 Statut Membre Dernière intervention 29 juin 2009 1
26 mai 2008 à 13:40
merci pour ta réponse c'était ça.
figure toi que le temps du repas cette histoire de marge m'a traversé l'esprit merci beaucoup,
bonne après midi Kenavo
0