Forum Moderators: not2easy

Message Too Old, No Replies

styling li

         

ipecac

11:19 am on Oct 29, 2005 (gmt 0)

10+ Year Member



I tried adding a 1px dotted border under each li element (border-bottom: 1px dotted #000; in my css). Is it possible to somehow make this border appear under the bullet as well? The border doesn't show until the text of the li starts. I want to bottom-border the whole li element including the bullet.

Am I making any sense?

createErrorMsg

1:35 pm on Oct 29, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The list-style-position [w3.org] property controls whether the marker box formed to hold the bullet appears outside of the content area of the list-item (list-style-position:outside;) or inline with the content (list-style-position:inside;). The default setting is outside, which is why the border doesn't do what you want. Set it to inside and the marker box will be inside of the li's content area and take the underline.

cEM

ipecac

2:58 pm on Oct 29, 2005 (gmt 0)

10+ Year Member



yep, that's what I call a camp fire!
thanks a bunch and a box of cookies :)