Menu déroulant de Raphaël [résolu]

Bonjour

j'ai pris comme proposé sur le site d'alsacréations, le menu déroulant.
Pas de soucis mis à part que le "menu2" ne s'ouvre pas
Les autres oui par contre.
Une idée du pourquoi? et cela dans les deux navigateurs.

Merci

Dom
Modifié par premierpas (01 Nov 2006 - 15:40)

Hello,

premierpas a écrit :
j'ai pris comme proposé sur le site d'alsacréations, le menu déroulant.

En fait, il y'en a au-moins 6 différents

Il faudrait nous en dire un tout petit peu plus, un peu de code, voire la page en ligne, parce que le menu 2 s'ouvre sans problème.

PS : mon petit doigt me dit que le tutoriel des menus déroulants va bientôt changer
Modifié par Raphael (25 Oct 2006 - 23:16)

Raphael a écrit :
Hello,


En fait, il y'en a au-moins 6 différents

Il faudrait nous en dire un tout petit peu plus, un peu de code, voire la page en ligne, parce que le menu 2 s'ouvre sans problème.

PS : mon petit doigt me dit que le tutoriel des menus déroulants va bientôt changer

Oui en effet ma <div> pas fermé
désolé vraiment


Une dernière chose (encore vous allez dire) sous IE le menu pousse le site vers le bas
Je vous met le css

#en-tete 
	{
	background-color:none ;
	text-align: center;
	visibility: visible;
	position:   relative;
	height: none;
	}

body 
	{
	font-size:small;
    color:#000066;
	font-family: "Georgia", Times, serif;
	font-size:75%;
	line-height: 180%;
	background-color:#5897b6;
	margin:0px;
	margin-bottom: 0px;
    padding:10px;
	background-image:url(images/beauce12.jpg);
	background-position:top;
	background-repeat:no-repeat;
		}
	


HTML { overflow-x :hidden ; }

	

	
#conteneur { 
   
	width:720px;
	margin:auto;
	padding:50px;
	border:3px solid  #FFFFFF;
	background: #b3ccef;
	margin-top:0px;
    font-size: 14px;
	font-style:normal;
	line-height:230%;
	background-image:url(images/LOGO.jpg);
	background-position:top-left;
	background-repeat:no-repeat;
	
	}
	
	
li {
font-family: "Verdana", Arial, Helvetica, sans-serif;
list-style-type:square;
text-decoration:none;
	}
 a.lire {

  text-decoration: none;

}
a.lire:hover {
color:#E7830D;
text-decoration:none;
background-color:#780000;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: inherit; 
top: 0;
left: 0;
z-index:100;
width: 100%;
 

}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
        

Modifié par premierpas (26 Oct 2006 - 00:25)

premierpas a écrit :
Une dernière chose (encore vous allez dire) sous IE le menu pousse le site vers le bas

Hello,

On veut bien faire tout ce qu'on peut popur répondre, mais à un moment donné il faudrait que les membres lisent les tutoriels jusqu'au bout

Revoir le tutoriel à la partie "Attention aux décalages !".

Bonne chance.

Raphael a écrit :

Hello,

On veut bien faire tout ce qu'on peut popur répondre, mais à un moment donné il faudrait que les membres lisent les tutoriels jusqu'au bout

Revoir le tutoriel à la partie "Attention aux décalages !".

Bonne chance.

Merci Raphaël pour le lien, je l'ai lu et c'est pour cela que j'ai pose la question.
Je cite :
Les menus déroulants utilisent la propriété "display : block" et "display : none". Au départ et lorsqu'ils sont masqués, les sous-menus ont la valeur "none", cela signifie qu'ils n'occupent aucun espace dans la page.
En s'affichant, ils occupent alors un espace qui n'existait pas avant et peuvent "pousser" le reste de votre site !

a écrit :
C'est pourquoi, dans ces cas là, il faudra toujours positionner le menu et le site à part (chacun en position absolue) et leur donner un z-index (profondeur) différent

Voilà, c'est la le blem En position absolue donc je met le body et le conteneur en postion absolue ? et le z-index? c'est quoi?
Désolé vraiment de vous embêter avec mes questions
Merci
Modifié par premierpas (26 Oct 2006 - 23:09)

Oops mauvaise manip désolé .... j'ai édité ne pouvant supprimer ce message
Modifié par premierpas (26 Oct 2006 - 23:08)

Yop c'est encore moi

Bon j'ai réglé le soucis du décalage mais maintenant, j'ai un autre soucis
J'ai réussi à centrer le menu et le mettre au dessus de la banière. Sous Firefox, pas de soucis mais sous Internet Explorer mon image qui se trouve sur le body est décallé à droite.(peut-être est ce tout le body
Comment peut on rétablir l'image comme avant ou comme sous Firefox?

body 
	{
	font-size:small;
        color:#000066;
	font-family: "Georgia", Times, serif;
	font-size:75%;
	line-height: 180%;
	background-color:#5897b6;
	margin:0px;
	margin-bottom: 0px;
        padding:10px;
	background-image:url(images/terre.jpg);
	background-position:top;
	background-repeat:no-repeat;    

Merci

Salut !

Si ton premier problème est réglé, ferme le sujet en l'indiquant comme [Résolu], puis n'hésite pas à ouvrir un nouveau sujet avec ton nouveau problème.

Ca te permettra de mieux cibler ton problème et d'éviter au gens de partir avec un code modifié...