Tech_20
asked on
simple CSS link
Hello,
I have issues with a navigation bar that won't link using a basic tag. When I test the file on the current browser, the navigation bar in place but it won't link (not even the finger point icon). Here is the code.
within the style tag...
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: color;
position: fixed;
top: 100px;
width: 100%;
}
li {
float: left;
}
after the body tag...
<ul>
<li><a href=“#bookmark1”>Name</a> </li>
<li><a href=“#bookmark2”>Name2</a ></li>
<li><a href=“#bookmark3”>Name3</a ></li>
<li><a href="https://website.com/folder/“>Name4</a></li>
</ul>
I have issues with a navigation bar that won't link using a basic tag. When I test the file on the current browser, the navigation bar in place but it won't link (not even the finger point icon). Here is the code.
within the style tag...
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: color;
position: fixed;
top: 100px;
width: 100%;
}
li {
float: left;
}
after the body tag...
<ul>
<li><a href=“#bookmark1”>Name</a>
<li><a href=“#bookmark2”>Name2</a
<li><a href=“#bookmark3”>Name3</a
<li><a href="https://website.com/folder/“>Name4</a></li>
</ul>
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
I tested the same code on another app (CodePad) and still had link issues. I checked the syntax including double quotes. If I click one link, some other links work intermittently then stop. Any suggestions?
ASKER
I'll try your link for JS Fiddle. Thanks.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Shaun's assisted solution helped via the process of elimination. I then focused on other faulty code and resolved it.
ASKER
Do you have any recommendations? Thanks.