Page web : menu fixe
Répondre à la discussion
Affichage des résultats 1 à 9 sur 9

Page web : menu fixe



  1. #1
    invite5ee91fe7

    Page web : menu fixe


    ------

    Bonjour les amis !

    J'ai un souci :
    Je suis novice dans la programmation de sites web, et voici le "plan" de ma page :



    Elle est divisee en 4 zones avec des DIV.
    La zone "corps" est extensible en hauteur (selon le contenu), ainsi que la zone "menu" (qui s'agrandi en meme temps que le corps).
    Mais voila : lorsque l'on scrolle la page vers le bas, le menu monte et sort de l'ecran !
    comment faire pour que le menu reste visible, meme en scrollant ?

    Merci !

    -----

  2. #2
    invite8e047e51

    Re : Page web : menu fixe

    SVP montre ton code, sa ira plus vite !!

  3. #3
    invitee6dbc8ad

    Re : Page web : menu fixe

    Salut guigui,

    Dans le CSS, pour les propriétés du bloc menu, tu mets "position: fixed" et ca devrait faire ce que tu attends

    @pluche !

  4. #4
    invite5ee91fe7

    Re : Page web : menu fixe

    ca maaaarche !!!!
    c'est beau la technologie.....
    Un grand merci brikkhe !

  5. A voir en vidéo sur Futura
  6. #5
    invite5ee91fe7

    Re : Page web : menu fixe

    Au temps pour moi...
    Ca fonctionne tres bien sous FireFox, mais sous IE le menu est bien fixe mais il est dans le corps...

  7. #6
    invitee6dbc8ad

    Re : Page web : menu fixe

    Ca c'est parce que tu n'as pas bien rédigé ton CSS
    Comme l'a demandé Jojo 245, tu devrais nous donner ton CSS.

    @pluche !

  8. #7
    invite5ee91fe7

    Re : Page web : menu fixe

    Vous voulez du CSS ?

    paf !
    Code:
    ___________
    
    body
    {
    background-color: #ccd1cb;
    }
    
    #haut
    {
    width: 100%;
    height: 100px;
    text-align: center;
    background-image: url("images/haut.jpg");
    }
    
    #menu
    {
    width: 170px;
    text-align: left;
    float:left;
    }
    
    #menu p
    {
    text-align: center;
    }
    
    #corps
    {
    text-align: center;
    margin-left: 170px;
    padding: 15px;
    border-left: 1px solid blue;
    }
    
    #bas
    {
    text-align: center;
    border-top: 1px solid blue;
    padding-top: 15px;
    padding-bottom: 5px;
    }
    
    h1, h2, h3, h4, h5, h6
    {
    text-align: center;
    }
    
    _____________
    voila !
    c'est la version brute sans "position:fixed"
    Dernière modification par yoda1234 ; 14/03/2007 à 07h36. Motif: Rajout de la balise "code"

  9. #8
    invite5ee91fe7

    Re : Page web : menu fixe

    ca y est les jeunes...
    J'ai trouvé en bidouillant !
    le fichier "menu.php" includé dans le DIV "menu", je l'ai redivisé (ca fait un DIV dans un DIV), et c'est ce dernier que je fixe !
    heu...
    C'est clair ?...

    Merci a tous !

    Bonne soiree

    ps: je suis evidemment (et meme avidement) pret a ecouter vos propositions !

  10. #9
    invitee6dbc8ad

    Re : Page web : menu fixe

    Salut,

    J'arrive un peu tard, dsl.
    Je me base sur les notifications de réponse par mail... que je ne reçois pas toujours. Donc je n'ai pas pu venir voir ton code.

    Sinon, une hypothèse de ma part : il faut peut-être définir les positions des autres blocs afin de pouvoir faire un fixed qui marche à tous les coups... A voir...

    @++

Discussions similaires

  1. page web introuvable
    Par invite803fd3f7 dans le forum Internet - Réseau - Sécurité générale
    Réponses: 8
    Dernier message: 03/04/2007, 22h56
  2. la plus ancienne page web ?
    Par invite92276dd8 dans le forum Science ludique : la science en s'amusant
    Réponses: 11
    Dernier message: 27/08/2006, 17h19
  3. Justifier un page web
    Par invite7fb56a46 dans le forum Internet - Réseau - Sécurité générale
    Réponses: 3
    Dernier message: 27/11/2004, 20h36
  4. Re : page web + page de demarrage intempestives + problems
    Par invite0f281810 dans le forum Internet - Réseau - Sécurité générale
    Réponses: 13
    Dernier message: 25/03/2004, 20h01
Dans la rubrique Tech de Futura, découvrez nos comparatifs produits sur l'informatique et les technologies : imprimantes laser couleur, casques audio, chaises gamer...