28220 sujets

CSS et mise en forme, CSS3

[Résolu] Comment "fixer la position de mon menu?

Bonjour,

j'ai étudié les différents gabarits, present sur le site, même si il y en a un qui se rapproche (le modèle 14 : http://css.alsacreations.com/modeles/modele14.htm ) ce dernier ne me convient pas tout a fait, c'est à dire que j'aimerais que le menu de la colonne de gauche ne soit pas contre le bord gauche, mais décalé.
Une image vaut mieux qu'un long discours : voila la présentation sur laquelle je travaille : http://beta.normandie-creation.com j'aimerais que mon menu ne suive pas l'ascenseur.

Ensuite, sous IE, mon sous-menu fonctionne tout a fait comme je le voudrais, c'est a dire, au chargement de la page, le sous-menu se trouvent juste en dessous des menus principaux, ensuite, un javascript change les styles pour les placer sur le coté. comme ca, même si le javascript est désactivé, le menu reste lisible, mais sous firefox, Opera et netscape, ils sont bien en dessous, mais ils se supperposent, du coup, plus bon pour l'accessibilité. Avez vous une idée? (j'aurais peut être du faire un deuxieme post?)

Merci d'avance
Modifié par Dadou (18 Nov 2005 - 10:46)
Administrateur
Dadou a écrit :
Bonjour,

j'ai étudié les différents gabarits, present sur le site, même si il y en a un qui se rapproche (le modèle 14 : http://css.alsacreations.com/modeles/modele14.htm ) ce dernier ne me convient pas tout a fait, c'est à dire que j'aimerais que le menu de la colonne de gauche ne soit pas contre le bord gauche, mais décalé.
Une image vaut mieux qu'un long discours : voila la présentation sur laquelle je travaille : http://beta.normandie-creation.com j'aimerais que mon menu ne suive pas l'ascenseur.

Hello Dadou,

En fait, le modèle 14 convient tout à fait à ce genre de chose : il suffit d'élargir la partie de gauche et d'y placer le menu. Ici, cette partie fait 200px, mais rien n'est imposé.
Je ne vois pas vraiment ce qui t'en empêcherait Smiley cligne

Sinon, tu as des pistes dans la FAQ :
http://forum.alsacreations.com/faq/#item67

Bonne chance.
Modifié par Raphael (02 Nov 2005 - 16:07)
C'est surtout que je ne voyais pas comment faire en sorte que la "mise en page" se centre en utilisant le modele 14.

Par contre, j'avais raté cette partie dans la FAQ, méa culpa, surtout que l'exemple de nanoum me convient parfaitement http://www.nanoum.net/blog/exemples/fixed.html

Merci encore.

J'enregistre sur mon disque la FAQ, pour l'étudier encore plus attentivement, car j'ai l'impression de rater pas mal de choses.
j'ai essayé d'utiliser le modèle de Nanoum, j'y suis presque arrivé :

Sous IE ca fonctionne presque bien :
Quand la page n'est pas assez longue en hauteur, il y a un petit décalage léger entre l'image qui sert de logo, et le contenu

Sinon a part ça, ca roule

part contre sous firefox, l'image du logo n'est quand à elle pas Présente du tout Smiley confus

j'ai vu des parties syntaxique que je ne connaissait pas :
ul[id=menu] {
position: fixed !important;
}

html > body {
overflow: visible !important;
}


Dudioux, j'en ai encore des chose à apprendre...
Administrateur
Hello,

- ul[id=menu] : sélecteur d'attribut. Ici : je désigne les <ul> ayant un id de valeur "menu" (en clair : je sélectionne uniquement <ul id="menu">. C'est exactement la même chose que ul#menu ... sauf que IE ne reconnait pas les sélecteurs d'attributs

- html > body : sélecteur d'enfant. Désigne <body> s'il est directement précédé de <html>. Là encore, non reconnu par IE, ce qui est voulu justement.

Les sélecteurs CSS
hum d'accord, je comprend mieux maintenant pourquoi sans ces deux la ca marchais plus ou moins bien sous ie mais pas sous firefox.

C'est ce que j'aime avec ce job, on en apprend tous les jours Smiley lol
Sujet clos
Aller à