Comment créer un menu en CSS ?

Link/DD

Pour un site web je voudrai faire un menu qui quand on fait descendre la page vers le bas le menu reste en haut, tout ca en CSS. Pouvez vous m'aider ?

PS : Je sais que ce n'est pas ici pour ce genre de question mais c'est dans la rubrique language de programmation (CSS/HTML/PHP/etc...) et je sais que vous me réponderai exellement bien a cette question :
Comment faire ?

Cyrhades

Il y a différente méthode la premiere étant de créer 1 iframe
ou frameset double la premiere (celle du haut) contenant ton menu la seconde ta page general même si souvent les iframes sont désapprécié des programmeurs c'est pour moi la méthode la plus propre et surtout la moins lourde.

une autre méthode étant de placer ton menu (dans un div) à la position absolute est aux cooordonées
document.body.scrollTop
tu peux aussi mettre le scroolleft pour qui suive le scroll horizontal.
document.body.scrollLeft

Enfin perso je recommande d'avantage les iframes qui ne sont pas lourde pour le client aucun traitement à faire par rapport à la méthode de scroll du menu ...

_________________

Link/DD

Merci, mais je ne sais pas faire de menu, c'est plutot ca que je demandé : Comment faire un menu qui ne bouge pas quand la page bouge ?

Je m'était mal exprimer.

Cyrhades

Tu connais le HTML ???

_________________

Link/DD

euh pas trop

zenzen279

Hello tout le monde, tout d'abord Cyrhades, le html n'a pas de rapport avec le css. Seul le XHTML, version plus récente et améliorée du HTML peut être couplée à du CSS.

Donc, voici EN CSS, comment faire un menu comme tu en rêves (exemple dispo sur un site réalisé pour un ami : http://www.teamthunderforce.e-ghosting.com/):

En html, tu met un div dont l'id est menu (pour l'identifier). Dans l'exemple si dessous il y a le titre Menu (titre4) et une liste a puce comportant différents liens.

Code:

Bien sur, tu ne dois pas oublié dés le début (entre head et /head)de ton fichier xhml (qui porte l'extension html tout de même) :

Code:

<link>

Ensuite, passons au css, avec la feuille de style nommée, d'après l'exemple si ci-dessus (après tu adaptes ein ?):

Code:

#menu
{
position: fixed;
float: left;
width: 10% ;
background-color: white;
border: 1px solid black;
margin-bottom: 10px;
margin-top: 10px;
padding: 5px;
list-style-position: outside;
color: black;
}

A toi de changer les couleurs, les tailles, paramètres, ... La width, déterminant la largeur, dit que le menu doit faire 10% de la taille de l'écran donc si on redimmentione la fenêtre le menu s'agrandit et se rétrécie automatiquement. Tu peux remplacer les % par des px.

PS:Malgré que je ne sois pas une bête du gml pour le moment, le xhml et css je maitrise.

Allez Bonne Année

_________________

Les fictions de Clive Edwards:

Link/DD

merci

Cyrhades

zenzen279 a écrit:

Hello tout le monde, tout d'abord Cyrhades, le html n'a pas de rapport avec le css. Seul le XHTML, version plus récente et améliorée du HTML peut être couplée à du CSS.

Si je demandais si il connaissais le HTML (si tu connais le XHTML tu connais obligatoirement le HTML) c'est pour savoir si on pouvait lui parler tel que je lui ai parlé dans mon précedent message tel que les frames etc.
Et savoir si il arrivera à mettre en place et à utiliser une source , d'ailleurs en disant HTML j'entendais par la même l'utilisation de javascript qui lui est encore bien plus loin du HTML que le XHTML vu que celui ci ne sert pas à la mise en page

_________________

zenzen279

Je ne disais pas méchamment Cyrhades, pas de malentendu. Mais certaines balises de xhtml et html sont différentes...

_________________

Les fictions de Clive Edwards:

Cyrhades

non t'inkiete je sais bien que tu disais pas ça méchament et je ne répondais pas méchament non plus ;-) c'est vrai par écrit ça donne pas forcement le ton voulu

mais pas de soucis pour ta remarque qui de plus est vrai

_________________