I am trying to include these codes into my other project and i thought that all of my bullet points should be removed but the drop down boxes’ bullet points are still there… Here are my codes for my html and css respectively
html codes
<!DOCTYPE>
<html>
<head>
<link rel="stylesheet" type ="text/css" href="style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.9/css/all.css" integrity="sha384-5SOiIsAziJl6AWe0HWRKTXlfcSHKmYV4RBF18PPJ173Kzn7jzMyFuTtk8JA7QQG1" crossorigin="anonymous">
<meta charset="UTF-8">
<title>Copyright</title>
<link rel="stylesheet" type="text/css" href="copyright.css"/>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400, 600" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.9/css/all.css" integrity="sha384-5SOiIsAziJl6AWe0HWRKTXlfcSHKmYV4RBF18PPJ173Kzn7jzMyFuTtk8JA7QQG1" crossorigin="anonymous">
<title>Pianocourse101</title>
</head>
<body>
<header>
<ul class="nav">
<div class="logo">
<a href="index.html">Pianocourse101</a>
</div>
<li><a href="http://pianocourse101.ihostfull.com/pianocourse101/register.php">Register</li></a>
<li name="login"><a href="http://localhost/pianocourse101/login.php">Login</li></a>
<li><a href="http://localhost/pianocourse101/primerlevel.php">Primer Level<i class="fas fa-lock-open"></i></li></a>
<li><a href="http://localhost/pianocourse101/level1.php">Level 1<i class="fas fa-lock"></i></li></a>
<li><a href="http://localhost/pianocourse101/level2.php">Level 2<i class="fas fa-lock"></i></li></a>
<li><a href="http://localhost/pianocourse101/level3.php">Level 3<i class="fas fa-lock"></i></li></a>
<li><a href="http://localhost/pianocourse101/downloadsection.php">Download<i class="fas fa-download"></i></li></a>
<li><a href="http://localhost/pianocourse101/aboutme.php">About Me
<ul>
<li>My History</li>
<li> Our Team</li>
</ul>
</li></a>
<li><a href="http://localhost/pianocourse101/contact.php">Contact Us<i class="fas fa-envelope-square"></i>
<ul>
<li>Open Ticket</li>
</ul>
</li></a>
<li><a href="http://localhost/pianocourse101/contact.php">Donate<i class="fab fa-paypal"></i></li></a>
</ul>
<div class="banner">
<img class="banner-image" src="images/Mervin.gif">
</div>
<br></br>
<br></br>
<div class="message">
<p> At Pianocourse101, you will learn the following</p>
<ul>
<li>Basic hand positions</li>
<li>Posture</li>
<li>Rhythm</li>
<li>Finger numbers</li>
<li>Letter names</li>
</ul>
</div>
<div class="key">
<img class="keys" src="images/keys.jpg">
</div>
<div class="heading">Services</div>
<div align="center" class="services">
<div class="service1">
<h1>Download Section: Primer Level</h1>
<a href=""><img class="image1" src="images/treble.png"></a>
<p>Access full contents for just <strong>$50!</strong> Learn the basic hand positions, finger numbers and letter names!</p>
</div>
<div class="service1">
<h1>Download Section: Level 1</h1>
<a href=""><img class="image4" src="images/bass.jpg"></a>
<p>Access full contents for just <strong>$100!</strong> Learn some advanced pieces, slurs and staccatos!</p>
</div>
<div class="service1">
<h1>Download Section: Level 2</h1>
<a href=""><img class="image" src="images/crotchet.png"></a>
<p>Access full contents for just <strong>$150!</strong> Progress and play some more advanced pieces hands together!</p>
</div>
<div class="service1">
<h1>Download Section: Level 3</h1>
<a href=""><img class="image2" src="images/bass.jpg"></a>
<p>Access full contents for just <strong>200!</strong> Feeling more confident and need a challenge? Level 3 will provide you with more challenging pieces!</p>
</div>
</div>
<section>
</section>
<div class="block">
</div>
<footer>
<div class="copyright clearfix">
<div class="container clearfix">
<div class="text float left">
copyright mervin lee 2018
</div>
<ul class="links float right">
<li><a href=""><i class="fab fa-facebook-square"></i></a></li>
<li><a href=""><i class="fab fa-twitter-square"></i></a></li>
<li><a href=""><i class="fab fa-instagram"></i></a></li>
<li><a href=""><i class="fab fa-youtube-square"></i></a></li>
<li><a href=""><i class="far fa-copyright"></i></a></li>
</ul>
</footer>
</header>
</body>
</html>
I am not sure if I did close the ul class=“nav” properly…
I’m not sure if you’ve been directed to the W3C Validator before now, but you should learn to regard it as your best friend and visit frequently. It will show you where any errors lie, such as the incorrect doctype (should be <!doctype html>) and the incorrectly nested links.
The order of the HTML tags? Yes, it does. Think of nesting tags like nesting Russian dolls; one has to be inside the other; you can’t have something half in and half out.
OK - post your updated HTML so we can see what you have.
I was asking you to post your updated HTML - after you’ve run it through the validator and corrected the errors. Validating code is always the first step in trouble-shooting. If the code is incorrect, you shouldn’t be surprised if it doesn’t work as expected.
This validator is great! It came up with a few errors but can you guys tell me if it is important to fix all the errors? I just fixed the bottom errors because I forgot to close my and it is now working…
As a general rule, you should fix all the errors. If you fully understand an error message, and are sure that it will not adversely affect the behaviour of the site, you can ignore it, but personally I would try to fix all errors.
As far as alternative text goes, if the image is purely decorative, you should add alt="" (or better still, insert the images as background images via CSS). There’s a good article here: https://webaim.org/techniques/alttext/.
