<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Contact Us</a></li>
</ul><ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Contact Us</a></li>
</ul>You may write comments in Markdown. This makes code easy to post, as you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences (```) with double new lines before and after.
Absolutely anyone is welcome to submit a comment here. But not all comments will be posted. Think of it like writing a letter to the editor. All submitted comments will be read, but not all published. Published comments will be on-topic, helpful, and further the discussion or debate.
Feel free to use our contact form. That's a great place to let us know about typos or anything off-topic.
Saving an extra step so you won’t forget to add title text:
<a title="Home Page" href="#" rel="nofollow">Home</a><a title="About Page" href="#" rel="nofollow">About</a>
<a title="Clients Page" href="#" rel="nofollow">Clients</a>
<a title="Contact Page" href="#" rel="nofollow">Contact Us</a>
The title attribute makes annoying tooltips pop up saying the same thing the text says, it’s ugly, and it’s really not needed. It’s for information in addition to what’s there, using the title attribute here doesn’t provide any additional information. It’s used mostly for input and form elements.
Nick,
the title attribute is annoying but essential – Google PR algorithms (and search engine) really “appreciate” websites that incorporate it in every < a > tag, especially in your main menu.
Same goes for < img > tags and the “alt” attribute, though this case is different since it has an important functional role, replacing the image in case it does not load.
Please, how can I get this centered?
There’s plenty of sites out there with examples for Unordered Lists, but check this one out.
http://css.maxdesign.com.au/listamatic/
You can enclose the ul tag in an > DIV <
and give the below styling property for the div…