Je n'arrive pas à center mon menu de navigation merci d'avance ;)

Fermé

Utilisateur anonyme - Modifié le 2 janv. 2019 à 12:21
Utilisateur anonyme - 2 janv. 2019 à 14:27

J'aimerais centrer mon menu de navigation merci ;)
Voilà mon code :

/***Le Menu***/

.menu{
  background-image: linear-gradient(#AD2CFF, 60%, transparent);
  padding-bottom: 10px;
  border-bottom: 1.5px solid white; 
}

ul{
  list-style-type: none;
  padding: 0;
  width: 900px;
  margin: 0;
}

li a{
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.5em;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}

a:hover{
  color: purple;
}

mon code html si cela pose un pb :

<header>
  <div class="menu">
    <nav>
      <ul>
        <li>
          <a href="index.html">HOME</a>
          <a href="news.html">NEWS</a>
          <a href="webdesign.html">WEBDESIGN</a>
          <a href="about.html">ABOUT</a>
        </li>
      </ul>
    </nav>
  </div>
</header>

EDIT : Ajout des balises de code

et autre chose comment on met un paragraphe tout en bas du footer merci d'avance !!!

A voir également:

Je n'arrive pas à center mon menu de navigation merci d'avance ;)
Navigation privée - Guide
Menu déroulant excel - Guide
Control center - Télécharger - Divers Utilitaires
Copytrans control center - Télécharger - Divers Utilitaires
Que doit-il faire pour effacer les traces de sa navigation ? - Guide

1 réponse

Réponse 1 / 1

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
2 janv. 2019 à 08:49

Bonjour,

Ajoute des marges automatiques :

.menu{
background-image: linear-gradient(#AD2CFF, 60%, transparent);
padding-bottom: 10px;
border-bottom: 1.5px solid white;
margin-left:auto;
margin-right:auto; 
}

Utilisateur anonyme
2 janv. 2019 à 13:51

merci et tu sais mettre un paragraphe en bas d'un footer j'ai essayé la propriété vertical-align : baseline; et cela ne marche pas merci d'avance. ;)

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451 > Utilisateur anonyme
2 janv. 2019 à 14:04

Ça dépend de la structure de ta page et de ton code CSS, mais je ne suis pas un spécialiste du CSS.

Ce que j'utilise sur mon site personnel (voir mon profil), n'est pas forcément valable pour ton site.

Utilisateur anonyme
2 janv. 2019 à 14:27

Discussions similaires

A quoi sert ETDctrl ? Peut-on le supprimer ?

les entrées et les sortées

horloge en avance sur google chrome

Discussions similaires

Newsletters