menu fixe - Forums de discussion

Navigation

Accueil du forum » (X)HTML / CSS » menu fixe


Le sujet

gizmomenu fixe
Par gizmo, le Mercredi 04/06/2008 à 15h15'55
12 messages
bonjour

Je suis un p'tit nouveau qui se lance dans la fabrication d'un site internet.
Pour le moment j'utilise des frames afin de délimiter une frame fixe en haut pour un menu et une frame en bas pour le contenu

Un pb se pose quand les sous menu sont trop long, on ne les voient plus entièrement. Je crois qu'il existe une solution sans frame qui passe par une div fixe. Quelqu'un aurait-il amabilité de m'expliquer son fonctionnement et de m'envoyer un code type

Merci

________________
gizmo

Les réponses

xersesPar xerses, le Samedi 14/06/2008 à 23h32'19
736 messages
En effet, je viens de tester avec ton code et ça ne répond pas exactement à ce qu'on attend

J'ai fait quelques tests de mon côté.
J'ai trouvé une solution efficace.

Voici une archive contenant un fichier html, et les 2 fichiers js pour le menu déroulant.
http://kevpagnat.free.fr/fouillis/test.rar

Le fichier html reprend ton menu et le contenu de la première page ainsi qu'un script javascript en plus.
Remplace tes fichiers js par ceux de l'archive.

En lançant le fichier html, tu verras marcher le menu déroulant (sous IE il y a un léger décalage mais moins important qu'actuellement).

Bon courage

________________
Anything that can go wrong will go wrong (Murphy)
Statut: Modérateur

gizmoPar gizmo, le Jeudi 19/06/2008 à 21h12'05
12 messages
j'ai effectué les modifs plus de "tremblements" mais les menus restes figés. Quant à la mise en page sur ie j'ai des mégas grandes bandes et la position des div entre ie et firefox varient. Tu peux le constater sur le site dont je redonne l'adresse

http://pharouest.ac-rennes.fr/e351882F

________________
gizmo

xersesPar xerses, le Jeudi 19/06/2008 à 22h11'49
736 messages
Pourquoi as-tu remis la position absolute à ton <div id="page"> ?

Si tu ouvres la page test.html que je t'ai envoyé sous IE ou Firefox, tu t'apercevras que le résultat est parfaitement correct.

Aussi, il est important que tu ne modifies pas les propriétés de position des différents blocs pour ne pas chambouler l'affichage.

[Message édité par xerses le 19/06/2008 à 22h12'59]

________________
Anything that can go wrong will go wrong (Murphy)
Statut: Modérateur

gizmoPar gizmo, le Vendredi 20/06/2008 à 14h54'07
12 messages
<div id="page"> n'a pas de position absolute dans mon #page du menu.css. Par contre à l'intérieur de la div oui . Si c'est cela qui gène je vais refaire la mise en page.

De quel propriétés de position parles tu ??

________________
gizmo

xersesPar xerses, le Vendredi 20/06/2008 à 16h40'35
736 messages
je parle bien entendu du style que tu utilises à l'intérieur de ta page.

Le
<div id="page" style="position:absolute...">
bloque à mon avis certains trucs.

A tester.

________________
Anything that can go wrong will go wrong (Murphy)
Statut: Modérateur

gizmoPar gizmo, le Vendredi 20/06/2008 à 18h37'49
12 messages
bon j'ai viré tout mes position: absolute et mes grandes barres ont effectivement disparus

Par contre même sur ta page test.html le menu reste figé comme sur mes pages. J'avais oublié de préciser qu'il reste figé si l'on descend la souris verticalement vers le bas lorsqu'un sous menu est apparu.

________________
gizmo

xersesPar xerses, le Vendredi 20/06/2008 à 21h00'20
736 messages
Ah oui !
Je vois ce que tu veux dire, je vais tenter de régler ce problème pendant le week end.
Sauf si tu trouves avant

________________
Anything that can go wrong will go wrong (Murphy)
Statut: Modérateur

gizmoPar gizmo, le Vendredi 20/06/2008 à 21h11'57
12 messages
ben mon niveau en javascript étant plus proche du zéro que du 20 je m'en remet à toi

________________
gizmo

xersesPar xerses, le Samedi 21/06/2008 à 23h55'41
736 messages
Bien bien bien.

Finalement, j'ai trouvé un autre script sur le web qui fait la même chose mais en mieux

Je te joins une fois de plus une archive :
http://kevpagnat.free.fr/fouillis/test.rar (contenu différent)

Plus besoin du fichier menu.js !
Les menus se ferment une fois que l'on est plus dessus.

Si tu as d'autres problèmes, tu sais où me contacter

________________
Anything that can go wrong will go wrong (Murphy)
Statut: Modérateur

gizmoPar gizmo, le Mercredi 25/06/2008 à 11h14'59
12 messages
Dans la page test tu marques:

#menu
{
margin-top: 3px;
margin-left: 10px;
/*border:1px solid black;*/
}


#menu {
display:block;
margin:0 0 5px 0px;
padding:7px 0 0 0;
height:30px;
font-size:1em;
z-index:1000;
}

/* Nouveau menu */

#nav{
margin-top: 3px;
margin-left: 10px;
}


Pourquoi avoir fait deux #menu ?
le premier #menu et le #nav ne sont-ils pas redondant ?

En tout cas je te remercie beaucoup pour ton aide

________________
gizmo

Pages

Réponses les plus anciennes... 123 ...Réponses les plus récentes

A lire également

- Les conditions générales d'utilisation du site

Top-sites membres

les star de la rue | -218 pointsLes Amis des Animaux | -3266 pointsBlogHotel - Hébergement de Blog gratuit | -4155 pointsArmor Passion | -5749 points

Discussions récentes dans les forums

Membres
Pseudo:
Pass: Mémoriser ?
Problème d'identificationInscription gratuite
Tribune libre
CNIL: 1098091
Connectés: 13
Publicité: Site de rencard sur internet, vous permettant de dialoguer et pourquoi pas de faire une rencontre intéressante.