Menu bootstrap google chrome

regisDevweb
Les bases HTML/CSS

Bonjour,
Je voulais savoir pourqu'oi sur google chrome mon menu est en colonne
alors que sur firefox l'apercus est niquel en ligne
(ps : comme télécharger des images pour vous montrez mon problème)

Ce que je fais

Menu responsive bootstrap

Entourez votre code pour bien le mettre en forme

Ce que je veux

Le même menu sur les deux navigateurs

Ce que j'obtiens

Menu en colonne sur google chrome

6 réponses

regisDevweb
Auteur
Réponse acceptée

merci de ta réponse
Bon en fesant des include php pour des éléments générique de mon site genre le footer, navbar etc... le menu c'est remis bien sauf un peut décaler sur la droite mais bon tant pis ^^ ça marche
merci à vous tous de m'avoir aider.

Lartak

Bonjour.

comme télécharger des images pour vous montrez mon problème

Tu ne peux pas uploader d'image sur le site, il te faut les héberger auprès d'un hébergeur d'images par exemple et soit mettre un lien vers l'image en question si elle est grosse [](url de l'image) ou alors utiliser la balise image pour l'afficher s'il elle n'est pas trop grande ![](url de l'image).

regisDevweb
Auteur

bon ça marche pas , je met juste les liens donc voici l'apercus sur chrome
https://www.dropbox.com/s/wmn8yyt3btytn7h/imgChrome.JPG?dl=0

celle sur firefox :
https://www.dropbox.com/s/m1s3t25qi962vpt/imgFirefox.JPG?dl=0

et je voudrais avoir le même aperçus sur firefox pour google chrome

cytheria

Bonjour,

Peut-on voir ton code ?

regisDevweb
Auteur

code html

<!-- Menu -->

<nav class="navbar navbar-primary">
    <div class="container-fluid">
        <div class="navbar-header">
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#myNavbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>

            </button>

            <ul class="nav navbar-nav"> <!--met sur une ligne-->
            <li> <a href="Quisommenous.php"> Qui sommes-nous? </a> </li>
            <li> <a href="Restaurant.php"> Restaurant </a></li>
            <li> <a href="Reservation.php"> Reservation </a></li>
        </ul>
      </div>

    </div>

</nav><br />

code css sur chrome :

.navbar-nav {
    margin: auto auto auto 55%;
    display: -moz-grid-group;
    text-align: -moz-center;
}

merci de vos future réponse

saibe

hello, une soluce parmi d'autres :

.navbar-nav {
    margin: auto auto auto 55%;
    display: flex; /* hi hi */
    text-align: center;
}

certains reconnaitrons et dirons que ce n'est pas compatible ie6.... bon ;)