Menu qui ne colle pas à mon header

Résolu/Fermé
jeromei - 28 août 2008 à 08:42
 jeromei - 28 août 2008 à 19:26
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

5 réponses

Bonsoir, c'est résolu

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*/
1
gaerebut Messages postés 1017 Date d'inscription mardi 30 octobre 2007 Statut Membre Dernière intervention 22 novembre 2013 171
28 août 2008 à 09:43
Salut,

si l'id 'nav' est pour ton menu, essaye de mettre dans ton css:

#nav{
border: 0px;
margin: 0px;
}

A+

Gaerebut
0
J'ai essayé, mais sans succès!
0
gaerebut Messages postés 1017 Date d'inscription mardi 30 octobre 2007 Statut Membre Dernière intervention 22 novembre 2013 171
28 août 2008 à 12:17
Et:

#nav{
margin-top: none;
border-top: none;
}

???

A+

Gaerebut
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
pijaku Messages postés 12263 Date d'inscription jeudi 15 mai 2008 Statut Modérateur Dernière intervention 4 janvier 2024 2 752
28 août 2008 à 12:48
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;
}
0