On 10/18/07, Francois Jordaan wrote: > Hi everyone, > > http://www.fjordaan.net/tests/inline-list-test.html > > I'm trying to do a simple inline list of the sort you use whenever you > have a large lists of links in a small area. > > This calls for an unordered list, but I simply cannot make it behave as > well as a simple series of links separated by images or glyphs. > > (1) Explain or fix the strange behaviour of inline LIs. There seems to > be no logic for where it breaks, and occasionally sticks out of the > container.
At list in part, the problem is caused by absence of white space. You have: <li><a href="#">Lorem ipsum dolor</a></li><li><a href="#">Sit amet</a></li> Once you declare the LI inline, then "dolor</a></li><li><a href="#">Sit" is seen as a single word, so (even if there is padding / margin inside) some browsers do not break (put on different lines) "dolor" and "Sit." If you add some white space (between the </li> and <li>) the behavior will be more like you expect. (IE will probably still have problems with the background images, and those are not easily solved.) Hope this helps a little, Bruno -- Bruno Fassino http://www.brunildo.org/test ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
