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
675 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
675 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
675 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
675 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
675 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

Annuaire 1001 sites web.com : la crème du net | -2 pointsMéta Annuaire | -7 pointsAnnuaire French Business | -9 pointsS'entraîner à Villers-Bretonneux | -9 points

Discussions récentes dans les forums

Sujet Forum
melanierecherche webmaster
Sujet posté par melanie le 03/12/2008 à 20h54'42
Le comptoir » Annonces
raptorRe: Le jeu flash : Hélico
Réponse postée par raptor le 27/11/2008 à 20h39'51
Le comptoir » Le bar
tienoRe: IE 7 VS Firefox 2
Réponse postée par tieno le 26/11/2008 à 14h54'54
Internet » Autres sites à voir
tienoRe: Echange de liens
Réponse postée par tieno le 23/11/2008 à 13h55'24
Le comptoir » Echange de liens / Recherche de partenaires
touretEchange De Liens
Sujet posté par touret le 13/11/2008 à 08h58'09
Net-Pratique.fr » Suggestions
xersesRe: espace membres 1.2
Réponse postée par xerses le 09/11/2008 à 18h57'14
Développement » PHP
unitRe: Vous cherchez un travail simple sur Internet ?
Réponse postée par unit le 03/11/2008 à 15h53'53
Internet » Sites de ressources
froogyRe: Un ptit jeu
Réponse postée par froogy le 26/10/2008 à 16h40'03
Le comptoir » Le bar
rerRe: Sarbacane ou html ?
Réponse postée par rer le 23/10/2008 à 16h11'03
Développement » (X)HTML / CSS
1cyrilRe: Clic droit interdit [Réglé]
Réponse postée par 1cyril le 19/10/2008 à 19h26'02
Développement » PHP
Membres
Pseudo:
Pass: Mémoriser ?
Problème d'identificationInscription gratuite
Tribune libre
CNIL: 1098091
Connectés: 13