Re: [WSG] Fluid Horizontal Lists

2004-10-05 Thread Jake Badger
If that's what you want then can't you just move the padding to the a rather than the li, it won't actiually make the nav bar go all the way across (you can make it look like it does though), but it will make it get change width when the windows does. Jake Quoting Todd Baker [EMAIL PROTECTED]:

[WSG] Fluid Horizontal Lists

2004-10-04 Thread Todd Baker
Hi Guys, I have just joined the list after attending WE04. My name is Todd Baker and I work as a XSLT/XHTML/CSS developer in Sydney. I am doing a big CSS based rebuild for one of our clients and am having some troubles with our fluid layout. I want to use horizontal lists for our primary

Re: [WSG] Fluid Horizontal Lists

2004-10-04 Thread Neerav
just a quick thought that may be completely wrong, but have you tried % based padding for li ? Neerav Bhatt http://www.bhatt.id.au Web Development IT consultancy Mobile: +61 (0)403 8000 27 http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://www.bookcrossing.com/mybookshelf/neerav Todd

Re: [WSG] Fluid Horizontal Lists

2004-10-04 Thread Richard Czeiger
Nup - collapses in IE :o( Richard - Original Message - From: Neerav [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Tuesday, October 05, 2004 2:20 PM Subject: Re: [WSG] Fluid Horizontal Lists just a quick thought that may be completely wrong, but have you tried % based padding for li

Re: [WSG] Fluid Horizontal Lists

2004-10-04 Thread Todd Baker
On Tue, 05 Oct 2004 14:20:24 +1000, Neerav [EMAIL PROTECTED] wrote: just a quick thought that may be completely wrong, but have you tried % based padding for li ? Thanks Neerav, Same thing.. I have to use VERY small % (like 1%) or it spreads out HUGE and then it hardly expands at all as the

Re: [WSG] Fluid Horizontal Lists

2004-10-04 Thread Hugh Todd
Todd, If you turn the 'a's into block elements and float them left, adding no padding or border, you can give them widths of 20% and have them span the page. #nav ul li a { padding: .2em 0; display: block; float: left; width: 20%; } Of course, this means you lose your dividers. If you add

Re: [WSG] Fluid Horizontal Lists

2004-10-04 Thread Jake Badger
; display:block; text-align:center; } Jake Quoting Richard Czeiger [EMAIL PROTECTED]: Nup - collapses in IE :o( Richard - Original Message - From: Neerav [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Tuesday, October 05, 2004 2:20 PM Subject: Re: [WSG] Fluid Horizontal Lists just a quick

Re: [WSG] Fluid Horizontal Lists

2004-10-04 Thread Jake Badger
I've found adding dividers in the form of borders are more trouble than they are worth in liquid horizontal lists. One solution is to put the dividers in as 1px wide background images rather than left or right borders. Jake Quoting Hugh Todd [EMAIL PROTECTED]: Todd, If you turn the 'a's into

Re: [WSG] Fluid Horizontal Lists

2004-10-04 Thread Todd Baker
Interesting approach... I was trying to use padding/margins as I wanted to ensure that XXX menu itme wasnt as wide as XX if ya know what I mean. Your solution does work but ive lost the variable widths. Ill have a play with it. Yeah the IE min-width thing is a b***ch. Im using the