Separators between list items

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Unknown User - 29 Apr 2005 00:23 GMT

How can I separate list items displayed inline by vertical bars | ?
If I use a background image that simulate a vertical bar, and I put this
bg image behind each list item, the last list item will also have a
vertical bar to the right, but it shouldn't, because it is the last one.
There should be separators only between list items, and not outside the
list.
How would you do it using CSS?
Thanks,

PS: By the way, in TopStyle, how can I configure the program so that I can
undo even after hiting Ctrl-S ?

Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
http://www.auriance.com - http://www.auriance.net

Reply to this Message

Spartanicus - 29 Apr 2005 06:57 GMT

>How can I separate list items displayed inline by vertical bars | ?

Set a left border on the li element, add a class to the first li, use it
to reset it to no border.

>PS: By the way, in TopStyle, how can I configure the program so that I can
>undo even after hiting Ctrl-S ?

Options, Editor, tick "undo after save".

Signature

Spartanicus

Reply to this Message

Unknown User - 29 Apr 2005 14:01 GMT

>> How can I separate list items displayed inline by vertical bars | ?
>
[quoted text clipped - 6 lines]
>
> Options, Editor, tick "undo after save".

Thank you!!

Signature

Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
http://www.auriance.com - http://www.auriance.net

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / April 2005

Separators between list items