Discussion :

[dadal56]

Bonjour,

je suis en panique!! j'ai mon oral sur mon site le lundi 15 décembre et j'ai un gros bugg sur mon site!!Je suis entrain de créer un site: http://www.gwendalallain.fr et rien ne fonctionne comme je voudrai sous mozilla:

- le menu déroulant ( en css) ne s'active pas
- et les div du conteneur se décalent: la gauche va en dessous de la div contenu

je ne comprends pass du tout car tout fonctionne sous ie7.

ma CSS

merci d'avance pour votre aide

dadal56

[Bisûnûrs]

Mets un DOCTYPE complet et valide en haut de ton document, IE se comportera alors normalement. Tu n'auras plus qu'à corriger les bugs qui sont pour la plupart décris par c_s_s juste en dessous.

[c_s_s]

Bonjour,

En fait, ce qui est étonnant c'est que ça fonctionne sous IE7.

Pour commencer, si tu veux mettre ton #contenu et bloc #gauche côte à côte, il faut enlever les clear:both qui annulent l'effet des float.
Au fait, pourquoi tu as appelé #gauche un bloc qui s'affiche à droite ??


Sinon, pour ton menu de navigation, il ne s'affiche pas bien parce que tu n'as pas respecté la hiérarchie des balises.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<ul>
	<li>
		<ul>
			<li></li>
		</ul>
	</li>
<ul>

Il faut ensuite que tu indiques dans ta feuille de style que le sous menu doit apparaître au survol d'un menu.

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#menu li:hover .sousMenu {
	display:block;
}

Il serait bon de donner une hauteur à tes liens puisqu'ils sont en display:block.

Dans ton menu il n'y a pas de sous-sous-menu, pourtant il en est question dans la feuille de style. Pourquoi ? Ca fait du code inutile dans le fichier CSS.
Tu as prévu d'ajouter un sous-sous-menu un jour ?


Je m'arrête là mais il y aurait d'autres points à corriger :

- utilisation de <br> pour créer de l'espace = mauvais
- séparer les liens du menu avec des <span>|</span> = pas optimal
- des espaces dans les balises : <div > = mauvais
- des balises non fermées
- l'absence de Doctype en haut du document HTML


Bref, il y a du boulot avant le 15 décembre.

[dadal56]

j'ai rajouter un doctype,
supprimer les clear:both,
et fermé les balises que j'ai vu fermées.

je suis toujours entrain de faire les modifications, et ca marche de mieu en mieu, sauf pour le menu ke je ne comprend pas comment faire les modif!

merci pour les astuces

dadal56