Horizontal Links & Div tags

They have: 11 posts

Joined: May 2006

Hi guys,
This may seem a stupid question but I am new to webdesigning so please help me out Smiling. Could anyone direct me to good tutorials about div tags and horizontal lists. Thanks a lot I really appreciate.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

What do you mean horizontal lists? Like the menu we've got at the top of the page here? That's a list. There's a good tutorial at A List Apart called "taming lists." Try that Smiling Although I really don't remember if they did the horizontal in there or not...

ETA: yes they did. Well, sort of. You could get a navbar like we have here by combining the techniques used for the breadcrumb navigation they have towards the bottom and the last texample with all the colours and formatting applied.

http://www.alistapart.com/articles/taminglists/

They have: 11 posts

Joined: May 2006

Thanks it is what I needed Smiling. With regards to div tags, do you suggest some good tutorial?

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

What do you want to do with them? ALA has some good stuff, you should poke around there. The div tag is really a generic container box - the manipulation really happens with CSS.

They have: 11 posts

Joined: May 2006

Lol sorry about this. Therefore I would need to know how to manipulate the div tag with css. ALA??? what is the url pls?

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Sorry - A List Apart (ALA) is the site I linked earlier.

For CSS generally, you can search around for references and tutorials. I usually use the reference at W3 Schools.

Busy's picture

He has: 6,151 posts

Joined: May 2001

http://css.maxdesign.com.au/listutorial/ - horziontal at the bottom
http://www.webcredible.co.uk/user-friendly-resources/css/css-navigation-menu.shtml
http://exploding-boy.com/images/cssmenus2/menus.html - doesn't show you how but gives the source code which you can disect, also
http://exploding-boy.com/images/cssmenus/menus.html

http://www.projectseven.com/tutorials/css/uberlinks/ - not horziontal but has a few good hacks for IE on vert nav
http://www.accessify.com/tools-and-wizards/developer-tools/list-o-matic/ - auto lists
http://css.maxdesign.com.au/index.htm - some good tips and tricks and hacks for CSS, not all lists though

Should keep ya going for a while Wink

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.