Salut au 0 !

Je fais un site pour mon club de handball mais il y a un probleme pour le menu horizontal déroulant !

Voici le code et j'espliquerais mon probleme apres.

partie du menu :

<div id="ban">
	<ul id="menu">
		<li><a href="index.html"><img src="images/boutons/home.gif" alt="Accueil" /></a></li>
		<li><img src="images/boutons/news.gif" alt="Acualité" /></li>
		<li><img src="images/boutons/club.gif" alt="Le Club" />*
                     <!-- C'est ici que je vais mettre le menu déroulant (vertical) -->
                </li>
		<li><img src="images/boutons/team.gif" alt="Equipe" /></li>
		<li><img src="images/boutons/photo.gif" alt="Galerie Photo" /></li>
		<li><img src="images/boutons/forum.gif" alt="Forum" /></li>
	</ul>
</div>

et le css qui est lier avec plus tot :

#ban
{
	background-image: url('images/banniere.png');
	height: 50px;
	
	padding-top: 100px;
	padding-left: 10px;
}

#corps
{
	width: 900px;
	background-color: rgb(76, 159, 237);
	
	text-align: left;
	border: 2px solid black;
}

#foot
{
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	width: 900px;
}

body
{
	background-color: rgb(128, 187, 243);
}

h1
{
	text-align: center;
}

#menu li
{ 
	display : inline;
}

#menu
{
	list-style-type : none;
}

Grace au javascript, je vais faire aparaitre un menu déroulant au passage de la souris sur l'image "Le Club".

Mait des que je met le <ul></ul> necessaire au menu et que je visualise ... La suite du menu horizontal va à la ligne ... même quand le <ul></ul> est caché par Javascript !

Où est la problem ?

Hate d'une réponse !

NetMaster

PS :: Dsl pour l'orthographe mais ce sujet est précé et doit être bien avancé avant dimanche !

Donc en gros tu nous montres un code qui n'a pas de problème ? C'est pas super pratique pour corriger.
Et JavaScript est inutile pour ce genre de menu.

http://www.siteduzero.com/recherche.ht [...] t&c=3&x=0&y=0

Bonjour,

Tu pourrais te passer de javascript et utiliser la pseudo-classe :hover pour faire apparaître ton sous-menu.

#menu li { 
	display:inline;
	position:relative;
}
#menu li ul {
	display:none;
	position:absolute;
	top:**px;
	left:**px;
}
#menu li:hover ul {
	display:block;	
}

J'ai essayé mais marche pas ! En plus c'est avec des images ... ça me le met n'importe où ... sous les lien il y a des carrés blanc ... les sousmenus sont transparents ...

Et si :hover n'est pas compatible Internet Explorer c'est impossible ...

T'as suivi mon lien ?
Et tu as une clientèle IE6 alors ??

Oui j'ai suivi ton lien mais ça ne marche pas ... Tout ce que ça a fait c'est mettre mon design en pagaille.

Et oui je connai ENORMEMENT de personnes avec IE.

IE6 ??
Et si tu n'arrives à rien en suivant le premier tuto de la liste je sais pas quoi te dire... Tu es bien reparti de zéro quand tu l'as essayé ?

Citation : NetMaster

Et oui je connai ENORMEMENT de personnes avec IE.

:hover fonctionne très bien avec IE7 et IE8
Sur IE6 ça ne fonctionne que sur des liens, mais il est grand temps d'abandonner IE6.

Avec un public européen pas vraiment de problème : http://gs.statcounter.com/#browser_ver [...] 200907-201008
Les rares utilisations d'IE6 c'est les entreprises qui ont un réseau trop important pour en changer comme ça (d'ailleurs la sncf tourne toujours sous IE6 non ?).