[RandomlyKnighted]

Hey everyone, I'm trying to create a horizontal navigation menu for the top of my website. Right now, I have this in my HTML file:

<ul class="navbar">
  <li><a href="home.html">Home <a/>
  <li><a href="portfolio.html">Portfolio <a/>
</ul>

navbar li
{
	float: left;
}

I've read several tutorials online and I am also using a book to help me as I go along as well. I've noticed in all the tutorials that you have to use an unordered list in order to make a navigation menu. After you have the list you then float the items left. As you can see above I have done both of these. Am I just missing something?

Thanks in advance for any help given.

[Dormilich]

RandomlyKnighted, on 07 September 2010 - 07:27 PM, said:

I've noticed in all the tutorials that you have to use an unordered list in order to make a navigation menu.

it’s just that unordered lists makes the most sense …

RandomlyKnighted, on 07 September 2010 - 07:27 PM, said:

Am I just missing something?

so it doesn’t work for you?

[RandomlyKnighted]

No, it does not work. It shows me a list of links but they are vertical and not horizontal. Here is the site that I am working on if you would like to see what I mean.

http://www.onehughes.com

Note: Sorry, I tried to use the link button that is given above but it stretched across my entire screen and there was no button for me to insert the link into my post.

[moopet]

Well you appear to be forgetting to put the style into the stylesheet rather than in the HTML.
Also, navbar li should be .navbar li

[singularity]

You have also forget to close the li tags.

[Dormilich]

in HTML the closing tag </li> is optional. nothing wrong there (though bad style)

[singularity]

Dormilich, on 09 September 2010 - 05:53 AM, said:

in HTML the closing tag </li> is optional. nothing wrong there (though bad style)

Would it be valid if the doctype is strict.

[Dormilich]

in every HTML doctype, the closing </li> tag is optional

[RandomlyKnighted]

Any advice on how to separate the two links so that they don't look like they are all one word. Thanks!

[Dormilich]

apply padding/margin.

This post has been edited by Dormilich: 09 September 2010 - 01:28 PM