Click here to Skip to main content
14,831,860 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
Whenever the html file loads, it shows up with bullet points and no text (plus the mouse hover command is not working either)

Here is the code:





CSS
.clearfix:after {
content: "";
display: table;
}
.nav-wrapper {
   width:100%;
   background: #999;
}
 
.nav-menu {
   position:relative;
   display:inline-block;
}
 
.nav-menu li {
   display: inline;
   list-style-type: none;
}
 
.sub-menu {
   position:absolute;
   display:none;
   background: #ccc;
}
.nav-menu ul li:hover > ul {
   display:inline-block;
}


HTML
<div class="nav-wrapper">
</div>
<ul>
<ul class="clearfix">
<li><a href="HOME"></a></li><li><a href="MUSIC"></a></li><li><a href="VIDEOS"></a></li><li><a href="DISCUSSION/ABOUT"></a></li></ul>


What I have tried:

I've tried checking for unclosed prompts but I have found nothing. I'm new to coding, followed a tutorial online from WikiHow for this code.
Posted
Updated 31-Mar-18 16:27pm
v2
Comments
[no name] 16-Mar-18 6:22am
   
You've only showed us the CSS, mind showing us the HTML and optionally JS if you have any?
Member 13729815 18-Mar-18 1:40am
   
I tried fixing it, but it automatically removes the html and leaves the css. I tried changing the paste settings but nothing happens...

1 solution

You did not provided the text for your links to you do not see it on page. You kept the links text as blank only. Do below change and see the magic.

<ul class="clearfix">
<li><a href="HOME">Home</a></li><li><a href="MUSIC">Music</a></li><li><a href="VIDEOS"></a>Video</li><li><a href="DISCUSSION/ABOUT">About</a></li></ul>
   

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)




CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900