I have a ul with inline li's that is being dynamically generated by a javascript (<!-- m --><a class="postlink" href="http://www.samingle.com/album.js">http://www.samingle.com/album.js</a><!-- m -->) (setupLinks()) running on this (<!-- m --><a class="postlink" href="http://samingle.com/showpics2.php?dir=/don/Sunriver_Trip/">http://samingle.com/showpics2.php?dir=/ ... iver_Trip/</a><!-- m -->) page. As you can see, the li's aren't wrapping, any idea how to fix this?It might just be a JavaScript thing; does it do that when you don't use JavaScript to generate it?
White-space property of CSS (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS2/text.html#propdef-white-space">http://www.w3.org/TR/CSS2/text.html#propdef-white-space</a><!-- m -->) may help some, but perhaps not in your case.I put into its own document, and it wraps perfectly, so I'd imagine this a problem with the javascript streaming, or a conflicting style... any ideas?I think it's just the way JavaScript does... In some cases (<!-- m --><a class="postlink" href="http://209.34.24.227/css_reverse_text.html">http://209.34.24.227/css_reverse_text.html</a><!-- m -->) you can use the :hover pseudo-element of CSS to modify a text block, but once you apply JavaScript code to it to do the same effect, it no longer works as one would expect. Why that is, I am unsure.nevermind, the problem was that I wasn't inserting newline's between the <li>'s, and since they were set to inline, there were no spaces between them, thus it wasn't wrappinglol... Who'da thunk it?It took me a while to realize it, since when i cut and pasted the javascript generated code into html kit, and automatically pressed f9 (Tidy), it entered line breaks on it's own, So I figured I was just insane...
White-space property of CSS (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS2/text.html#propdef-white-space">http://www.w3.org/TR/CSS2/text.html#propdef-white-space</a><!-- m -->) may help some, but perhaps not in your case.I put into its own document, and it wraps perfectly, so I'd imagine this a problem with the javascript streaming, or a conflicting style... any ideas?I think it's just the way JavaScript does... In some cases (<!-- m --><a class="postlink" href="http://209.34.24.227/css_reverse_text.html">http://209.34.24.227/css_reverse_text.html</a><!-- m -->) you can use the :hover pseudo-element of CSS to modify a text block, but once you apply JavaScript code to it to do the same effect, it no longer works as one would expect. Why that is, I am unsure.nevermind, the problem was that I wasn't inserting newline's between the <li>'s, and since they were set to inline, there were no spaces between them, thus it wasn't wrappinglol... Who'da thunk it?It took me a while to realize it, since when i cut and pasted the javascript generated code into html kit, and automatically pressed f9 (Tidy), it entered line breaks on it's own, So I figured I was just insane...