IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Fixer le menu principal en haut de la page


Sujet :

CSS

  1. #1
    Membre éclairé
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Juin 2012
    Messages
    242
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Administrateur de base de données
    Secteur : Industrie

    Informations forums :
    Inscription : Juin 2012
    Messages : 242
    Par défaut Fixer le menu principal en haut de la page
    Bonjour;

    je creer une meunu principal en haut de page HTML et je vais que cette barre reste fixe en glissant le scrolle de page, qu'est ce que je peut faire en cette cas ?

    le code de menu est :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
        <div class="centrage  navbar-default navbar-fixed-top" style="background-color:#4685C8">
            <div class="container">
     
                <div id="menu centrage">
     
                    <ul id="menu1">
                        <li>
                            <a href="#">Administrator</a>
                        </li>
                        <li>
                            <a href="#">Planung</a>
                            <ul>
                                <li><a href="@Url.Action("ListeFASimulieren", "Planung")">Simulation</a></li>
                                <li><a href="@Url.Action("ListeFAGeplant", "GeplantFA")">Correction</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">Lager</a>
                            <ul>
                                <li>
                                    <a href="#">Umbuchung HP --> Pr</a>
                                    <ul>
                                        <li>
                                            <a href="#">
                                                HP --> Pr(Type 1)
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                HP --> Pr(Type 2)
     
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#">Umbuchung Pr-->HP </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">Auswertung</a>
                            <ul>
                                <li><a href="#">vidéos</a></li>
                                <li><a href="#">musiques</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">plus</a>
                            <ul>
                                <li><a href="#">forum</a></li>
                                <li><a href="#">liens</a></li>
                                <li><a href="#">nous contacter</a></li>
                                <li><a href="#">team</a></li>
                                <li>
                                    <a href="#">recherche</a>
                                    <ul>
                                        <li>
                                            <a href="#">
                                                HP --> Pr(Type 1)
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                HP --> Pr(Type 2)
     
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                    </ul>
     
                  </div>
            </div>
        </div>




    Merci.

    Ridha

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 212
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 212
    Par défaut
    Bonjour,
    à voir du côté de position:fixed sur ton menu.

  3. #3
    Membre éclairé
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Juin 2012
    Messages
    242
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Administrateur de base de données
    Secteur : Industrie

    Informations forums :
    Inscription : Juin 2012
    Messages : 242
    Par défaut
    Bonjour;

    j'essaie avec position : fixed ,mais malheureusement ca fonctionne pas.

    Merci.

    Ridha

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 212
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 212
    Par défaut
    ... ca fonctionne pas.
    là je dois admettre que l'on progresse avec un tel retour

    Ça marche quand même : Ancre cachée par un menu en position:fixed

Discussions similaires

  1. Fixer un menu en haut de page lors du scroll
    Par dhillig dans le forum Général JavaScript
    Réponses: 18
    Dernier message: 01/03/2016, 22h23
  2. Comment fixer un menu en haut de la page
    Par work center dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 24/01/2012, 21h05
  3. Fixer le menu du haut
    Par Golgotha dans le forum Evolutions du club
    Réponses: 4
    Dernier message: 22/03/2011, 20h48
  4. Réponses: 11
    Dernier message: 28/02/2007, 12h18
  5. barre de menu principal
    Par norfelt dans le forum IHM
    Réponses: 10
    Dernier message: 27/10/2003, 11h37

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo