Project Junction


#1

I'm about 98% done with Project Junction, but I've got a couple formatting issues that I'm having trouble with. The nav bar at the top of the page is my issue. I peeked at the coding of the demo page to see if I could figure out what I was missing, but no luck.

In the header the navigation links are an issue. In the demo, they are handled with a < ul > and some < li > (no < a >) yet for some reason, my browser treats them like links. When I mouse over the nav menu, the pointer changes to tell me it's a clickable link. When I try the same formatting in my project and mouse over the nav menu the cursor acts like it's regular text.

Why does the demo page handle the nav menu items as a clickable link but the page I built handles them as regular text when the coding is the same?

Also, if I do add some < a > tags to make my nav menu clickable, it breaks the list formatting. Instead of being inline, they are stacked one on top of the other in the top left corner, right under the logo pic. Haven't been able to figure out how to get them inline again while maintaining the < a > tag's. How do I do that?


#2

Can you paste your code for the Header?


#3

Hi Jason,

They're using something like:

li {
  cursor: pointer;
}

to make their <li>s look clickable.
Making the <a>s display on the same line, I think you could do that with

li a {
  display: inline;
}

But if that doesn't work for you, I'd like to see your CSS code for the <a>s :)