On Fri, 18 May 2007, coolman coolx wrote: > First, so sorry if what am asking is trivial... > > I have been trying to style the border-bottom for list items using the > following: 1px dotted #999; > > It works well with dots showing in Firefox and other browsers but it shows > dash in IE based browsers
That's what has been reported: for border width of 1px, IE implements dotted as dashed. However, this does not seem to apply to IE 7 under normal conditions. But if I use the page zoom feature to change the zooming factor from 100% in either direction (even to 99% or 101%), I get the old misbehavior. I'd say that if you wish to create the impression of a lightweight border, which is how I see dotted 1px border, then the best practical approch is to use a solid 1px border with a color that is not very far from the background color, e.g. light gray for white background. That's at least simple and easy and well supported. > so I created a dot image but am lost as to which > style to use as I had already used the background image for the bullets. Is > there a way I can do the border-bottom using image? It would become tricky since you can only set a background for an _element_. In the general case, you would have to add an extra <div> element at the end of each <li> element and set its height to 1px and some repeating background for it. -- Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
