Discussion :

[awalter1]

Bonjour,
Je fais de la mise au point sur l'affichage d'une navbar.
Dans mon code html, j'ai

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
    <header>
      <nav class="navbar">
        <ul class="nav-list">
          <li id="logo"><a href="#">Clos Marsault</a></li>
          <li><a href="#langue">Langue</a></li>
        </ul>
        <div class="rightNav">
          <ul class="nav-list">
            <li><a href="#reserver">Réserver</a></li>
            <li><a href="#contact">Nous contacter</a></li>
          </ul>
        </div>
      </nav>
      <div id="imagePrincipale">
        <h1>Clos Marsault</h1>
        <div id="premierTrait"></div>
        <h3>Chambres d'hôtes</h3>
      </div>
 
    </header>

Et dans l'inspecteur, je vois un ajout de style dans la ligne suivante :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#contact" style="margin-right: 59px;">Nous contacter</a>

Dans l'inspecteur, au niveau css, le margin-right: 59px est dûe à "élément" (voir image jointe).
Dans mon fichier css ou html, aucune trace d'un 59px.

D'ou vient cette directive et pourquoi s'applique t'elle seulement sur le href="#contact..." ?

Merci de votre aide.