Menu déroulant qui déforme le contenu de la page

Bonjour à tous,

J'ai utilisé votre menu déroulant dans un codage xhtml css ici

J'ai un problème quand je survolle le menu, le contenu de la page se déplace,
je trouve cela embettant,

Merci d'avance
Cordialement
@+
Modifié par cam972 (25 Sep 2005 - 03:27)

Bonsoir,
désolé je viens d'y jeter un oeil et je n'ai pas eu ce probleme ???

ps: j'utilise Firefox et toi certainement IE

Non pourtant Firefox,

a écrit :
Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.7.10) Gecko/20050717 Firefox/1.0.6

cam972 a écrit :
J'ai un problème quand je survolle le menu, le contenu de la page se déplace,

ah ? mais de quel contenu parles tu ?

voici une copie d'ecran de ce que je vois : http://img212.imageshack.us/img212/889/pcam9720ae.png
Modifié par webphn (25 Sep 2005 - 03:51)

Voici le contenu :

a écrit :
frfryuijklmùlkojhuygtfgyukol^mplloijhyu

Et voici une imprim-écran :
cliquez ici pour voir l'impr écran

Cordialement

@+

Ceci n'a pas l'air correct:

<div class="cont">frfryuijklmùlkojhuygtfgyukol^mplloijhyu</div>

essaye peut-etre ceci dans ton code html

<div id="site">frfryuijklmùlkojhuygtfgyukol^mplloijhyu</div>

Modifié par webphn (25 Sep 2005 - 04:25)

Bonjour,

Pour qu'un élément puisse se superposer sur le reste du contenu, il doit être en position absolue ou placé dans un conteneur en position absolue. Revoir l'exemple du tutoriel pour y retrouver cette propriété.

Laurent Denis a écrit :
Revoir l'exemple du tutoriel pour y retrouver cette propriété.

Oui, ou alors lire le tutoriel jusqu'au bout... par exemple la partie nommée "Attention aux décalages ! "

Un petit conseil pour cam792:
Sur les écrans de grande résolution, il y a un soucis:
en effet, le texte frfryuijklmùlkojhuygtfgyukol^mplloijhyu se met à droite des menus.
Il te faudrait donc désactiver le float:left; avec clear:both;

Ensuite, comme dit plus haut, il faut que les menus soient en position:absolute.

Bonne continuation

Merci à tous pour votre rapidité de réponse,

Voici l'aperçu : http://www.flydraw.net/upload/test.html

Maintenant, je cherche à faire défiler du texte de gauche à droite ou il y a marqué :"Base de Connaissance de FlyDraw.net"

Merci encore

@+

En tout cas, le soucis initial est résolu, non ?
Pour le défilement, je doute très sincèrement que tu puisses faire çà en CSS (en fait, je n'en doute pas, je suis catégorique. Poste plutôt dans le salon Javascript pour ce genre de choses..)
Mais pour quoi faire, moi autre nous, ce genre de fantaisies visuelles sont au meme titres que gif animé et autres > ils agacent (c'est mon avis personnel)
Modifié par Sylvain (25 Sep 2005 - 19:49)