Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
01-25-2009, 04:56 PM #1
- Join Date
- Jan 2009
- Thanked 0 Times in 0 Posts
Unwanted text wrapping in CSS layers
when I layer two spans over each other using absolute position, CSS layers basically, for some reason the text wraps at almost every space down to the next line for no apparent reason. I have to use the nowrap property to get decent behaviour.
I am including a picture of some text layered over two graphics. The text has exactly the exactly the same offset as the spinning arrow graphic.
also including the code. Though I have managed to hack a way out... I really don't want to have to do that and I need to know why it is behaving like this!!
The objects are inside a td, which happens to be more than large enough to hold the text.
<td style="position:absolute;"> <span style=" visibility:;"> <span style="position:absolute; top:130; left:200; z-index:1; color:black;"><img src="mpSitePics/resediticon.gif" height="124" width="128"></span> <span style="position:absolute; top:200; left:270; z-index:2; color:red;"><img src="mpSitePics/ajax-loader.gif"></span> </span> <span style="position:absolute; top:200; left:270; z-index:3; color:red; font-weight:bold;">This text wraps for no reason unless I use the nowrap whitespace attrib</span> </td>