hmm. I can't wrap the following text in the span, because that is static content, whereas the spans I am creating are dynamic and must be inserted directly after each link.
I kind of got it working at: http://cohencentral.com/appendFileName/ However, because the outside span is positioned absolute, it's taken out of the flow and overwrites the following text. Is there a way to position it absolutely and also make it take up its own space so that the following text makes room for the icon and/or the generated text? > Well, if there's content in the span it should > display correctly (thus, > you're only add the nbsp where you don't add content > and this is usually > as easy as adding an 'else' condition if scripting). > > However, in the interest of staying on topic. Try > wrapping the > bothersome span as well as any following text inside > another span and > then wrap just the following text in another span > that's on the same > document level as the empty span. Then set each 2nd > span to display: > block; float: left; and then use absolute > positioning on their parent > span to place it back where it belongs. This > distance could be more > easily calculated if you set the line-height of the > <li> element. So it > would look like: > > span span {display: block; float: left;} > ul li {line-height: 1em; position: relative;} > .textWrap {position: absolute; left: 100%;} > > <ul><li>Text Here <span > class="textWrap"><span></span><span> Some More > Text.</span></span></li></ul> > > That's pretty ugly but it sounds like your script is > preventing a lot of > easier solutions. Now, you'd want to test that > cross-browser because > something is tickling my brain about using position: > absolute inside > position: relative but I don't remember off hand > what it could be... > > -- > Thanks, > > Jim > > Thanks, -Aaron ____________________________________________________________________________________Ready for the edge of your seat? Check out tonight's top picks on Yahoo! TV. http://tv.yahoo.com/ ______________________________________________________________________ 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/
