Problèmes Menu de Navigation

Sujet résolu

16 février 2019 à 18:08:45

Bonjour,

Je suis actuellement en train de créer un site internet et j'aimerais y intégrer un menu navigation aligné et sans les puces apparentes.

J'ai a priori bien réalisé mon code mais cela ne fonctionne tout de même pas.

Voici donc mon code, CSS puis HTML

nav.menu ul li.icons
{
    list-style-type: none;
}

nav.menu ul li.icons
{
    display: inline-block;
}

<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="style.css">
        <title>ThomasB</title>
    </head>
    <body>
        <nav class="menu">
            <ul>
                <li class="icons">
                    <a href="main.html">
                        Acceuil
                    </a>
                </li>
                <li class="icons">
                    <a href="bio.html">
                        Biographie
                    </a>
                </li>
                <li class="icons">
                    <a href="folio.html">
                        Portfolio
                    </a>
                </li>
                <li class="icons">
                    <a href="contact.html">
                        Contact
                    </a>
                </li>
            </ul>
        </nav>
    </body>
</html>

Et je vous joint également un screenshot du résultat

Merci d'avance à toute personne qui me répondra

Bonne soirée

GuillaumeBo1

16 février 2019 à 18:54:09

Bonsoir,

2 secondes sur un moteur de recherche : developer.mozilla.org

et voila je te laisse lire la doc et pour te facilité la vie regarde le code dans la rubrique accessibilité et compare le au tiens.

Un homme azerty en vaut deux.

AnttonDev

16 février 2019 à 22:11:41

bonsoir

https://www.pierre-giraud.com/html-css/exercices-html-css/creation-menu-deroulant-html-css.php

article sur les cookies walls • validator html • validator css • Doc MDN • SweetAlert2• Lorem Ipsum • lorem Picsum • html color codes • Caractères spéciaux et entités HTML

Mon site : BLOG | anttondev (wixsite.com)

Thomas_Baton

17 février 2019 à 8:32:58

Merci beaucoup pour votre aide

J'ai donc réussi à régler mon problème grâce à la doc