I'm wondering about how to list square bullet items with a dotted line divider in between each item. This image should explain better:
http://burntscarlet.com/_test/help_forums/rss_feed_list.png
(For the moment we will ignore that this could be an RSS feed list)
Perhaps you could style the list items bottom border only, and last child's with border: none?
This should help you somewhat.
http://css-tricks.com/forums/discussion/20775/list-with-background-image-for-bullet-and-dotted-border-only-below-text#Item_6
Just replace the image bullets for
list-style: square;
Is this what you are after?
Thanks everyone - I'll try these suggestions...
Anyone know the HTML entity code for a black square?
content: '■ ';
■ which is & # 9 6 3 2 ;
Duplicate
I'm wondering about how to list square bullet items with a dotted line divider in between each item. This image should explain better:
http://burntscarlet.com/_test/help_forums/rss_feed_list.png
(For the moment we will ignore that this could be an RSS feed list)
Perhaps you could style the list items bottom border only, and last child's with border: none?
This should help you somewhat.
http://css-tricks.com/forums/discussion/20775/list-with-background-image-for-bullet-and-dotted-border-only-below-text#Item_6
Just replace the image bullets for
list-style: square;
Is this what you are after?
Thanks everyone - I'll try these suggestions...
Anyone know the HTML entity code for a black square?
content: '■ ';
■ which is & # 9 6 3 2 ;
Duplicate