28220 sujets

CSS et mise en forme, CSS3

Bonjour.

J'éprouve des problèmes avec un script de menu très intéressant que j'ai trouvé à cette adresse: http://iubito.free.fr/prog/menu/lookxp.htm

Je l'ai utilisé pour un site que je fais pour un ami: http://cipto.qc.ca/

Mon problème, c'est que je n'arrive pas à fixer le menu dans le "header", Tout ce que j'arrive à faire est de le fixer par rapport au haut de l'écran (option qui me convient) et par rapport au côté gauche de l'écran; ce qui ne me convient pas du tout évidemment puisque le menu ne suit pas le reste de la page.

Quelqu'un a une idée sur la manière de procéder? Le menu utilisé est ici http://cipto.qc.ca/menu.js avec un paquet d'annotations du concepteur mais je n'ai rien trouvé pour régler mon problème (il est vrai que je m'y connais très peu en javascript).

Merci de votre aide.
Modifié par largowin (26 Nov 2005 - 23:33)
Administrateur
Hello,

Puisqu'il s'agit d'une question de mise en page et non de comportement (JS), je déplace dans le salon CSS Smiley cligne
Utiliser du javascript pour un tel menu prive les utilisateurs ne disposant pas de javascript (navigateurs textuels, etc.).
Il est tout à fait possible de créer un menu de ce type en css, qui sera lui totalement accessible.
Par exemple ici

Pour le probleme de position:fixed non supportée par IE, je te recommande ce lien
Modifié par yyoupla (03 Nov 2005 - 13:24)
Administrateur
yyoupla a écrit :
Pour le probleme de position:fixed non supportée par IE, je te recommande ce lien

Oui ou la FAQ Smiley smile http://forum.alsacreations.com/faq/#item67

Pour ce qui est des menus déroulants (qui ne seront jamais accessible totalement), notons que :
- sans javascript, un menu ne pourra pas fonctionner sur IE. Les CSS ne suffisent pas, d'ailleurs même le menu d'Openweb utilise javascript.

Il existe d'ailleurs http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontalun tuto sur les menus déroulants Smiley url "accessibles"

Modifié par Raphael (03 Nov 2005 - 13:29)
Je sais qu'il existe d'autres possibilités pour ce genre de menus mais il semble toujours y avoir quelque chose qui cloche.

J'avais même acheté le livre CSS par Eric Meyer où il proposait un menu fait uniquement par CSS et qui était supposé fonctionné aussi sur IEMac et pourtant, ça ne fonctionne pas...! Je me suis dit à ce moment-là que c'était moi qui avait fait une erreur de programmation mais même en allant chercher le modèle terminé sur son site, il ne fonctionne pas... Alors, comment s'y retrouver à un moment donné?

J'ai donc choisi ce menu en javascript en me disant (selon les dires du concepteur) que le tout fonctionnerait sur toutes les plate-formes (IEmac est important pour moi, car j'enseigne dans une école qui possède bcp d'iMac G3 et puisque c'est un site en toxicomanie, j'aimerais que celui-ci s'affiche correctement pour les écoles où les jeunes du secondaire ont accès à des mac).

Le menu fonctionne bien au niveau (à part quelques trucs à changer au niveau de la largeur d'affichage des sous-menus), sauf pour son positionnement.

J'avais placé ce post dans la section "javascript" parce que je croyais qu'il y avait un problème à ce niveau mais on a déplacé le sujet dans CSS...

Bref, le centre en question veut donner une conférence de presse lundi... et veut évidemment présenter leur nouveau site web... Je dois quitter pour la fin de semaine (week-end pour les Français...) pour aller aider ma mère à son chalet parce que la rivière à déborder... Je n'ai donc pas le temps de choisir une autre solution; il me restera à peu près assez de temps pour placer les différents textes que le centre en question m'a envoyé (je risque de me coucher bien tard dimanche...).

Tout ce que j'aimerais présentement - promis, après, je ferais tout ce que vous voudrez...- c'est que quelqu'un puisse m'aider à régler ce problème de positionnement. Après, je ferai mes devoirs et je vais étudier en profondeur les CSS. (jusqu'à maintenant, j'ai eu le mauvais réflexe d'aspirer des sites que j'aimais pour tenter de les adapter..... très mauvaise façon de procéder... je le sais maintenant...).

Quelqu'un sait ce qui ne va pas? Et en même temps, même si c'est de TRÈS moindre importance, je ne comprends pas pourquoi que le footer qui me sert de lien ne fonctionne pas avec Firefox (apple et PC).

Merci de votre précieuse aide.
Juste un mot pour signaler qu'on avait déplacé ce sujet de javascript à ce forum et pourtant, la solution se trouvait dans les lignes de code du menu javascript.

Merci pour votre aide.