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 4 of 4

Thread: Help please

  1. #1
    New Coder
    Join Date
    May 2012
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Help please

    Please tell me why results are like this as shown in image





    Code:
    <html>
    
    <head>
    
    
    </head>
    
    
    <body>
    
    <div style="width:100%;color:blue;border:1px solid black;">
    texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext
    
    </div>
    
    </body>
    
    
    </html>

  • #2
    New Coder
    Join Date
    May 2012
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Unhappy

    on using:
    <div style="width:200px;height:200px;color:blue;border:1px solid black;">
    texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext texttexttexttexttexttexttexttexttext

    </div>





    Results are in attached image.
    Attached Thumbnails Attached Thumbnails Help please-mm.jpg  

  • #3
    Regular Coder
    Join Date
    Apr 2012
    Posts
    165
    Thanks
    1
    Thanked 39 Times in 39 Posts
    try using
    Code:
    <div style="width:200px;height:200px;color:blue;border:1px solid black;word-wrap: break-word;overflow:hidden;">
    The word-wrap: break-word obviously wraps the text to a new line when it hits the max width. The overflow:hidden simply hides anything that exceeds the max height.

  • Users who have thanked EpicWebDesign for this post:

    moneysharma (05-24-2012)

  • #4
    New Coder
    Join Date
    May 2012
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by EpicWebDesign View Post
    try using
    Code:
    <div style="width:200px;height:200px;color:blue;border:1px solid black;word-wrap: break-word;overflow:hidden;">
    The word-wrap: break-word obviously wraps the text to a new line when it hits the max width. The overflow:hidden simply hides anything that exceeds the max height.
    Thanks it worked!


  •  

    Posting Permissions

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