19 users online (0 members and 19 guests)  


  Results 1 to 4 of 4

Related

  1. wrap text in a cell of a html table    Forum: HTML Forum
    Replies: 14
  2. Replies: 4
  3. Replies: 2
  4. links that make text appear    Forum: CSS Forum
    Replies: 6
  5. How do you make text.....    Forum: HTML Forum
    Replies: 4
  1. #1
    SiteDealer's Avatar
    New User

    Status
    Offline
    Join Date
    Aug 2006
    Posts
    6

    How to make text wrap like this?

    Hi,

    Here's a pic of a text wrap that is well done. Its from the MudBomb.com site about the free wysiwyg editor for WordPress. I notice the demo pic has a very nice example of text wrap. Does anyoone know how to create this image with TinyMCE?

    http://mudbomb.com/images/wysi2.gif

    Any help would be appreciated. Thanks in advance

  2. #2
    coothead's Avatar
    bald headed old fart

    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    732

    Re: How to make text wrap like this?


    Hi there SiteDealer,

    Have a look at this basic example, it may suit your requirements...
    Code:
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title></title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    <style type="text/css">
    #container {
        width:606px;
        padding:10px;
        border:3px double #999;
        margin:auto;
     }
    #container img {
        width;300px;
        height:300px;
        float:left;
        border: 1px solid #99c;
        margin:0 10px 5px 0;
     }
    #container p {
        margin:0;
        font-family:verdana,arial,helvetica,sans-serif;
        font-size:12px;
        color:#669;
        text-align:justify;
        background-color:#fff;
     }
    </style>
    
    </head>
    <body>
    
    <div id="container">
    
    <img src="http://mysite.orange.co.uk/azygous/images/ball_shad.jpg" alt="" />
    
    <p>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin massa. Nam vehicula. 
    Morbi velit nisi, mollis id, ultrices luctus, adipiscing sit amet, lectus. Nunc rhoncus 
    nisl ac enim. Maecenas vestibulum dolor ut velit. Maecenas condimentum pulvinar purus. 
    Pellentesque ac ipsum. Curabitur sodales, elit vel molestie hendrerit, elit odio rhoncus tellus, 
    nec gravida enim urna id velit. Donec nec tellus. Vestibulum nulla. Curabitur enim arcu, 
    ornare id, placerat eget, nonummy vitae, mauris. Nulla rutrum semper odio. Duis vulputate 
    ornare mauris. Praesent eget nibh sed ante ultricies scelerisque. Duis eget felis ut arcu porta 
    bibendum. Mauris rutrum. Vivamus consectetuer purus sit amet mi. Suspendisse eu augue.
    </p><p>
    Quisque nec enim. Nullam elementum. Quisque rhoncus. Ut cursus, pede sit amet facilisis pretium, 
    est erat congue tortor, eget tincidunt metus augue in mauris. Sed id pede. Nam varius faucibus massa. 
    In orci. Suspendisse metus nunc, egestas non, porta a, fermentum interdum, mi. Nulla vel tellus nec 
    erat consectetuer molestie. Vivamus turpis erat, rhoncus sed, ornare vel, volutpat sagittis, nibh.
    </p>
    
    </div>
    
    </body>
    </html>
    

  3. #3
    SiteDealer's Avatar
    New User

    Status
    Offline
    Join Date
    Aug 2006
    Posts
    6

    Re: How to make text wrap like this?

    Thanks!!

    Thats a useful template, sorry for a rather basic question...

    If I was creating a page like that on a wysiwyg editor like either using FCKEditor or TinyMCE, is there a button somewhere on there to generate a layout like that?

    Regards

  4. #4
    coothead's Avatar
    bald headed old fart

    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    732

    Re: How to make text wrap like this?


    Hi there SiteDealer,

    If I was creating a page like that on a wysiwyg editor like either using FCKEditor or TinyMCE,
    is there a button somewhere on there to generate a layout like that?
    I would have to say no, but then I do all my coding by hand with....
    http://mysite.orange.co.uk/azygous/images/notepad12.gif
    Last edited by HTML; 03-09-2012 at 10:26 AM.



Tags for this Thread