Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New Coder
    Join Date
    Jan 2009
    Posts
    10
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question 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.

    Code:
    <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>
    Attached Thumbnails Attached Thumbnails Unwanted text wrapping in CSS layers-css-problem.png  


 

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •