Jeremy Boggs wrote:
>I've tried searching for a solution to this with no luck. Has anyone
>discussed whitespace bugs in lists, where the list-items are set to
>"display-inline"?
>Here's the test page:
>
>http://clioweb.org/test/listtest.html
>
>The CSS is in the header. All three of these unordered lists have
>list items that are set to "display:inline;". I'm getting spacing
>around the list-items in the first example on this page.

Actually, this is correct behavior for inline elements.  This is so 
that, for example, you can use a construction like this:

These little things can be <em>really</em> <strong>VERY</strong> 
frustrating if you don't know the reasons why they happen.

Note that you really don't need or want to emphasize or strongly 
emphasize the space between the elements.  Instead, it is treated as 
a normal, anonymous text node.  That node really only becomes a 
problem when you convert what is normally a block element into one 
that is inline, and thus aren't expecting the result.

>Is there a cross-browser way to fix this in CSS, without resorting to
>changing the code, as I do in the second example on the page?

I am aware of no reliable way to neutralize this behavior in CSS.  Sorry,



-Adam Kuehn 

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

Reply via email to