Results 1 to 2 of 2

Thread: PHP Text Wrapping In CSS

  1. #1
    Join Date
    Feb 2008
    Posts
    90
    Thanks
    3
    Thanked 2 Times in 2 Posts

    Default PHP Text Wrapping In CSS

    Hey,
    if i use this code,
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
      <style type="text/css">
    
      body {
        background: white;
        font-size: 0.84em;
        width: 75%;
        margin:  0 auto;
        padding: 0 1em;
        border-left: 1px solid black;
        border-right: 1px solid black;
        }
        
        html {
          background: #c0c0c0;
          }
    
    .rounded:before {
      background: transparent url(top-right.png) scroll no-repeat top right;
      margin-bottom: -20px;
      height: 30px;
      display: block;
      border: none;
      content: url(top-left.png);
      padding: 0;
      line-height: 0.1;
      font-size: 1px;
    }
    
    .rounded:after {
      display: block;
      line-height: 0.1;
      font-size: 1px;
      content:  url(bottom-left.png);
      margin: 2px 0 0 0;
      height: 30px;
      background: transparent url(bottom-right.png) scroll no-repeat bottom right;
      padding: 0;
    }  
        
      .rounded * {
        padding-left: 16px;
        padding-right: 16px;
        
        }
    
      .rounded {
        margin: 1em;
        padding: 0;
      }
    
      p { 
        font-family: Arial, Tahoma  , sans-serif;
        font-size: 1em;
        padding-top: 0;
        margin: 1em 0;
        line-height: 1.5;
        }
    
    blockquote {
       background: #666666;
       color: white;
       margin-right: -1px;
    }
      
    
      p.quotee {
        text-align: right;
        margin: -1px 0;;
        font-weight: bold;
        color: #eee;
        }
    
    
    
    #corners img {
      margin: 1em;
      border: 1px solid black;
      padding: 0;
      background: #a0a0a0;
    }
    
    pre.rounded {
      background: #ffeed0;
    }
    
    
      </style>
    
    </head>
    <body>
    <h1>&nbsp;</h1>
    
    <blockquote class="rounded">
    <p>The first images, from ten thousand kilometers away, brought to a halt the activities of all mankind.  On a billion television screens, there appeared a tiny featureless cylinder, growing rapidly second by second. By the time it had doubled it’s size, no one could pretend any longer that Rama was a natural object.</p>
    <p class="quotee">— Arthur C. Clarke, “Rendezvous with Rama”</p></blockquote>
    
    </body>
    </html>
    The text is wrapped just fine. However, if i change the bolded part of the above code too,
    Code:
    <?php echo $entryText ?>
    the text just continues in a solid line off the page. Any advice on how i can get the PHP text to wrap?
    thanks

  2. #2
    Join Date
    Sep 2008
    Location
    Bristol - UK
    Posts
    842
    Thanks
    32
    Thanked 132 Times in 131 Posts

    Default

    I just tested it out with the following code and it seemed to work for me, you're probably pulling it off a text file / database put shouldn't make too much of a difference:

    PHP Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <?php $text "The first images, from ten thousand kilometers away, brought to a halt the activities of all mankind.  On a billion television screens, there appeared a tiny featureless cylinder, growing rapidly second by second. By the time it had doubled it’s size, no one could pretend any longer that Rama was a natural object."?>
    <head>
      <style type="text/css">

      body {
        background: white;
        font-size: 0.84em;
        width: 75%;
        margin:  0 auto;
        padding: 0 1em;
        border-left: 1px solid black;
        border-right: 1px solid black;
        }
        
        html {
          background: #c0c0c0;
          }

    .rounded:before {
      background: transparent url(top-right.png) scroll no-repeat top right;
      margin-bottom: -20px;
      height: 30px;
      display: block;
      border: none;
      content: url(top-left.png);
      padding: 0;
      line-height: 0.1;
      font-size: 1px;
    }

    .rounded:after {
      display: block;
      line-height: 0.1;
      font-size: 1px;
      content:  url(bottom-left.png);
      margin: 2px 0 0 0;
      height: 30px;
      background: transparent url(bottom-right.png) scroll no-repeat bottom right;
      padding: 0;
    }  
        
      .rounded * {
        padding-left: 16px;
        padding-right: 16px;
        
        }

      .rounded {
        margin: 1em;
        padding: 0;
      }

      p { 
        font-family: Arial, Tahoma  , sans-serif;
        font-size: 1em;
        padding-top: 0;
        margin: 1em 0;
        line-height: 1.5;
        }

    blockquote {
       background: #666666;
       color: white;
       margin-right: -1px;
    }
      

      p.quotee {
        text-align: right;
        margin: -1px 0;;
        font-weight: bold;
        color: #eee;
        }



    #corners img {
      margin: 1em;
      border: 1px solid black;
      padding: 0;
      background: #a0a0a0;
    }

    pre.rounded {
      background: #ffeed0;
    }


      </style>

    </head>
    <body>
    <h1>&nbsp;</h1>

    <blockquote class="rounded">
    <p><?php echo $text?></p>
    <p class="quotee">— Arthur C. Clarke, “Rendezvous with Rama”</p></blockquote>

    </body>
    </html>

Bookmarks

Posting Permissions

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