punten blijven staan in navbar

[Verwijderd]

Waarom blijven er punten in mijn navbar staan? Weet jij wat ik verkeerd doe?

Ik heb gekeken naar:
https://www.w3schools.com/css/css_navbar.asp
YouTube: How to create Vertical Navigation Bar Using html and css

HTML:

    <div id="navbar">
        <ul>
            <li><a href="#home">Home</a></li>
            <li><a href="#news">News</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>   
    </div> 
    
    <div class="page-wrapper">

Cascading Stylesheet:

/* Style the navbar */
#navbar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    position: fixed;
    top: 30;
    width: 300;
    
}

/* Navbar links */
#navbar a {
    list-style-type: none;
    float:none;
    display: block;
    color: #f2f2f2;
    text-align:left;
  padding: 14px;
  text-decoration: none;
}

[ Voor 1% gewijzigd door Creepy op 04-04-2020 23:59 ]

[XWB]

Dat list-style property werkt alleen op de <ul>

[ Voor 14% gewijzigd door XWB op 04-04-2020 23:35 ]

[Nila]

code:

#navbar ul {
padding: 0;
}

#navbar ul li{
list-style:none;
}

[edeboeck]

Op de pagina waar je zelf naar linkt zie je het zelf: het attribuut list-style-type wordt toegepast op het (unordered) list element zélf, terwijl jij het toepast op het element met id "navbar" (een div) en op de hyperlinks. Dit is de code op die pagina:

Cascading Stylesheet:

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

Neem op W3Schools (omdat je die toch al gebruikt) eens een kijkje in de CSS Reference, op de pagina voor list-style-type krijg je meer uitleg, voorbeelden en kan je beter zien op welke elementen je dat kan toepassen.

Lichtelijk off-topic: in html5 nog een div met id "navbar" gebruiken is compleet achterhaald, gebruik daarvoor het toepasselijke semantische element, namelijk nav.

Edit: na het lezen van de andere topics die je hier geopend hebt, zou ik je toch met klem aanraden om de CSS3- (en beter voordien ook even de HTML5-) tutorial op W3schools eerst te doorlopen... dat gaat jou noodzakelijke informatie geven die je nu toch lijkt te missen.

[ Voor 13% gewijzigd door edeboeck op 04-04-2020 23:55 . Reden: Toevoegen van gedeelte na lezen van jouw andere topics ]

[Creepy]

Je eigen site spammen, daar mag je direct mee stoppen. En lees RobIII in "navbar is niet fixed" nog eens goed door.