Menu qui ne colle pas à mon header
Résolu
jeromei
-
jeromei -
jeromei -
Bonjour,
Bonjour,
j'ai un menu horizontal que je veux coller à mon header, qu'il n'y ait pas de séparation entre les deux.
impeccable sous ie7 mais pas sous firefox3.
voici mon code html
<body>
<div id="container">
<div id="entete">
<object type="application/x-shockwave-flash" width="776" height="120" data="flash/header.swf">
<param name="movie" value="flash/header.swf" /></object>
<div id="nav">
<ul>
<li><a href="index.html" id="highlight">Home</a></li>
<li><a href="about.html" class="nonHighLight">About</a></li>
<li><a href="programmes.html" class="nonHighLight">Programmes</a></li>
<li><a href="eventsAndCamps.html" class="nonHighLight">Events & Campaigns</a></li>
<li><a href="donate.html" class="nonHighLight">Donate</a></li>
<li><a href="partners.html" class="nonHighLight">Partners</a></li>
</ul>
</div>
</div>
<div id="pied2page">
<a href="mail6.php">Copyright©2008</a>
<a href="index.html">Accueil</a>
<a href="charte.html">Charte des enfants</a>
<a href="mentions.html">Mentions légales </a>
<a href="mail.php">Contact</a>
</div>
</div>
</body>
</html>
et maintenant voici mes css
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#535353;
background:url(../images/fonds.jpg) repeat-x #D4EEF0;
}
#container{
width:776px;
margin:0 auto;
}
#entete{
width:776px;
height:120px;
}
#nav{
width:776px;
height:41px;
margin-bottom:10px;
background:url(../images/nav_bg1.jpg) #66A3A8 repeat-x;
}
#nav ul{
padding:10px 0px 10px 40px;
}
#nav li{
display:inline;
list-style:none;
margin-right:23px;
}
#nav li a.nonHighLight{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:15px;
text-decoration:none;
}
#nav li a.nonHighLight:hover{
color:#B7E3E6;
}
#nav a#highlight{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
text-decoration:none;
color:#B7E3E6;
}
merci si vous pouvez m'aider
Bonjour,
j'ai un menu horizontal que je veux coller à mon header, qu'il n'y ait pas de séparation entre les deux.
impeccable sous ie7 mais pas sous firefox3.
voici mon code html
<body>
<div id="container">
<div id="entete">
<object type="application/x-shockwave-flash" width="776" height="120" data="flash/header.swf">
<param name="movie" value="flash/header.swf" /></object>
<div id="nav">
<ul>
<li><a href="index.html" id="highlight">Home</a></li>
<li><a href="about.html" class="nonHighLight">About</a></li>
<li><a href="programmes.html" class="nonHighLight">Programmes</a></li>
<li><a href="eventsAndCamps.html" class="nonHighLight">Events & Campaigns</a></li>
<li><a href="donate.html" class="nonHighLight">Donate</a></li>
<li><a href="partners.html" class="nonHighLight">Partners</a></li>
</ul>
</div>
</div>
<div id="pied2page">
<a href="mail6.php">Copyright©2008</a>
<a href="index.html">Accueil</a>
<a href="charte.html">Charte des enfants</a>
<a href="mentions.html">Mentions légales </a>
<a href="mail.php">Contact</a>
</div>
</div>
</body>
</html>
et maintenant voici mes css
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#535353;
background:url(../images/fonds.jpg) repeat-x #D4EEF0;
}
#container{
width:776px;
margin:0 auto;
}
#entete{
width:776px;
height:120px;
}
#nav{
width:776px;
height:41px;
margin-bottom:10px;
background:url(../images/nav_bg1.jpg) #66A3A8 repeat-x;
}
#nav ul{
padding:10px 0px 10px 40px;
}
#nav li{
display:inline;
list-style:none;
margin-right:23px;
}
#nav li a.nonHighLight{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:15px;
text-decoration:none;
}
#nav li a.nonHighLight:hover{
color:#B7E3E6;
}
#nav a#highlight{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
text-decoration:none;
color:#B7E3E6;
}
merci si vous pouvez m'aider
A voir également:
- Menu qui ne colle pas à mon header
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Ae collé ✓ - Forum Windows
- Activer bluetooth tv samsung menu caché ✓ - Forum TV & Vidéo
- Press the esc key for startup menu - Forum Matériel & Système
5 réponses
Bonsoir, c'est résolu
il fallait rajouter dans les css
dans #nav ul
il fallait rajouter dans les css
#entete object{/*permet d'aligner mon menu sous le bandeau flash notamment sous firefox*/
vertical-align:bottom;
}
dans #nav ul
margin: 0;/*permet d'aligner mon menu sous le bandeau flash notamment sous firefox*/
Salut,
si l'id 'nav' est pour ton menu, essaye de mettre dans ton css:
#nav{
border: 0px;
margin: 0px;
}
A+
Gaerebut
si l'id 'nav' est pour ton menu, essaye de mettre dans ton css:
#nav{
border: 0px;
margin: 0px;
}
A+
Gaerebut
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Salut,
Ton schéma est le suivant :
<div container><div entete><div nav></div></div><div pied de page></div></div>. Est ce que la div nav doit être absolument "dans" la div entete? sinon :
<div container><div entete></div><div nav></div><div pied de page></div></div>.
Ensuite, je ne sais pas si ça fait ça chez vous, mais en réduisant le height dans #entete j'arrive à "coller" nav à entete sous IE et Firefox... exemple :
#entete
{
width:776px;
height:105px;
}
Ton schéma est le suivant :
<div container><div entete><div nav></div></div><div pied de page></div></div>. Est ce que la div nav doit être absolument "dans" la div entete? sinon :
<div container><div entete></div><div nav></div><div pied de page></div></div>.
Ensuite, je ne sais pas si ça fait ça chez vous, mais en réduisant le height dans #entete j'arrive à "coller" nav à entete sous IE et Firefox... exemple :
#entete
{
width:776px;
height:105px;
}
