Topic: Menu as an Unordered List. Pages that link to <a href="https://ozoneasylum.com/backlink?for=23443" title="Pages that link to Topic: Menu as an Unordered List." rel="nofollow" >Topic: Menu as an Unordered List.\

 
Author Thread
Schitzoboy
Paranoid (IV) Inmate

From: Yes
Insane since: Feb 2001

IP logged posted posted 09-26-2004 09:27 Edit Quote

I've got myself an unordered list of links that I'm turning into a CSS nav menu, much like the 4 buttons at the top of a list apart. The unordered list sits inside a div that is 80% wide. What I am aiming to do is make the list items never wrap to the next line (or almost never) but instead evenly space themselves to fill up the full width of their container div. If I had 4 buttons I could set each ones width to 25%, but I want this stylesheet to work no matter how many buttons I have. Is that possible?

Steve
Maniac (V) Inmate

From: Boston, MA, USA
Insane since: Apr 2000

IP logged posted posted 09-27-2004 01:49 Edit Quote

does this help?
http://css.maxdesign.com.au/listutorial/horizontal09.htm

adds
text-align: center;
to the ul item.

Schitzoboy
Paranoid (IV) Inmate

From: Yes
Insane since: Feb 2001

IP logged posted posted 09-27-2004 03:58 Edit Quote

Oh wow! What an awesome resource that is! Thanks!

Steve
Maniac (V) Inmate

From: Boston, MA, USA
Insane since: Apr 2000

IP logged posted posted 09-27-2004 13:03 Edit Quote

assiffey's list-o-matic is fun too.
http://www.accessify.com/tools-and-wizards/list-o-matic/list-o-matic.asp

Steve
Maniac (V) Inmate

From: Boston, MA, USA
Insane since: Apr 2000

IP logged posted posted 09-28-2004 03:18 Edit Quote

er...
that would be "accessify's"

typing too fast too early.

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 09-28-2004 03:33 Edit Quote

mmm....we see what was on your mind

Steve
Maniac (V) Inmate

From: Boston, MA, USA
Insane since: Apr 2000

IP logged posted posted 09-28-2004 04:41 Edit Quote

I X I
Paranoid (IV) Inmate

From: beyond the gray sky
Insane since: Apr 2004

IP logged posted posted 09-28-2004 07:34 Edit Quote

dirty boy! DIRTY! DIRTY! DIRTY!




...Of all the things I've lost, I miss my mind the most (ozzy osbourne)

poi
Paranoid (IV) Inmate

From: France
Insane since: Jun 2002

IP logged posted posted 09-28-2004 08:16 Edit Quote

I'd like to hear a Freudian adept elaborate on that lapsus

Steve
Maniac (V) Inmate

From: Boston, MA, USA
Insane since: Apr 2000

IP logged posted posted 09-28-2004 17:34 Edit Quote

Hey now - I blush easily.

RhyssaFireheart
Paranoid (IV) Inmate

From: Out on the Sea of Madness...
Insane since: Dec 2003

IP logged posted posted 09-28-2004 20:40 Edit Quote

Well, no matter what you were thinking about when you typed that, Steve, thanks for the linkage. I went through the Selectorial tut there, and loved it. Nice and simple to understand, and each time I go through a different CSS tutorial, I learn something new. I think I learned the most from this site so far.

_____________________

le coeur du feu
Qui sème le vent récolte la tempête!

Steve
Maniac (V) Inmate

From: Boston, MA, USA
Insane since: Apr 2000

IP logged posted posted 09-29-2004 05:22 Edit Quote

Russ Weakly writes some of the best CSS tutorials I have come across. (I think it helps that he co-chairs the Web Standards Group.)
A list of his articles and tutorials is here:
http://www.maxdesign.com.au/presentation/index.cfm

I really recommend Colored Boxes:
http://www.maxdesign.com.au/presentation/process/
one of the only truly methodical studies I have ever read about how to approach a CSS design in a sane, predictable way. Every now and then I read it again, just because it's so well done.

Hebedee
Paranoid (IV) Inmate

From: Maryland, USA
Insane since: Jan 2001

IP logged posted posted 10-03-2004 19:41 Edit Quote

http://www.projectseven.com/tutorials/css_menus/list_01/

Another excellent resource.



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu