Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Adding Pages to a Website Add Iconography

My nav links arent styled correctly and there not clickable can plse point me to the cor. lesson so i dont lose my work

I noticed there not styled correctly and only the about link is highlighted and clickable, not sure what im doing wrong and dont want to start over.. I will if i have to. thanks everyone.

the portfoilo and the contact are still unclickable i moved the </a> after portfolio im sorry im not getting this its a little frustratating.

Wayne Priestley
Wayne Priestley
19,579 Points

Hi Nelson,

No need to apologise, sometimes it takes time to sort these things out.

Can you post the html you have now please and we can take a look at it again.

4 Answers

Wayne Priestley
Wayne Priestley
19,579 Points

I can see the problem with your html, take a look at the position of your </a> with your index and contact links. You will see its in a different position that that of your about link.

Wayne Priestley
Wayne Priestley
19,579 Points

Hi Nelson,

Can you be more specific about the styling you want for the nav links please, the usual thing is to remove the bullet points which would require list-style: none;. If your links are not clickable you may have an error with your <a> tags, take a look at the code for your about link and compare it to the other links to see if that helps you.

You may also find that posting your html and css for us to take a look at will help.

;Here is a link to explain how to use Markdown to post your code How to post code If you look at the bottom of the box when your typing a reply you will see Markdown Cheatsheet that will also explain how to post your code

Hope this helps.

thanks for the quick reply i guess ill post the links from index html and see whats happening idk if the styling is messing things up.

 <header>
      <a href="index.html" id="logo">
      <h1>Nelson Fortes</h1>
      <h2>Web Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html" class="selected"></a>Portfolio</li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html"></a>Contact</li>
        </ul>
      </nav>
Wayne Priestley
Wayne Priestley
19,579 Points

I've edited your code so it appears correct in your post.

thanks mate I think i figured it out thanks again cheers