I assume this is horizontal list?
Using an additional <li> to add a separator isn't the best way to get lines
between list items - most likely you want to use CSS border property:
li { border-left: solid 1px #666; padding-left: 10px; margin-left: 10px; }
li:first-child { border:none; padding-left: 0; margin-left:0; }
Back to the question at hand; you can always specify your <ul> to be 100%.
ul { width: 100%; }
Or did you want the <li>s to fill the entire width?
Kevin
On Mon, Jan 10, 2011 at 4:07 PM, Steve Nobody <[email protected]> wrote:
> I have a fixed width back ground image. I need to stretch a horizontal
> ul 100% regardless of the number of menu items. For example:
>
>
> <div style="background-image: background.gif">
> <ul>
> <li>Item #1</li>
> <li>Separator #1</li>
> <li>Item #2</li>
> <li>Separator #2</li>
> <li>Item #3</li>
> <li>Separator #3</li>
> <li>Item #4</li>
> </ul>
> </div>
>
> The unordered list has 4 items here, but it could be more. It could be
> less. I just need it to span 100% (including padding) of the
> background image. Can someone point me at an example where this is
> done?
>
>
> Thanks
>
> --
> --
> You received this because you are subscribed to the "Design the Web with
> CSS" at Google groups.
> To post: [email protected]
> To unsubscribe: [email protected]
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
