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 6 of 6
  1. #1
    Regular Coder
    Join Date
    Jul 2002
    Posts
    197
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How to make textwrap around image?

    In the HTML below I would like to have the text wrap around the image on the left side of the image and then go further beneath the image. Is this possible?

    This is the HTML:
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
    <meta name="generator" content="Adobe GoLive 4">
    <title>Welcome to Adobe GoLive 4</title>
    <style type="text/css"><!--
    #layer { position: absolute; top: 0px; left: 0px; width: 400px; height: 100px; visibility: visible }-->
    </style>
    </head>

    <body>
    <div id="layer"><img height="100" width="100" src="lichtophoofd.jpg">This is text that should wrap around the image. The text should start at the same vertical position as the image starts, but on the left side of it. Then the text shoud wrap under the image and continu there. But how to do this? This is text that should wrap around the image. The text should start at the same vertical position as the image starts, but on the left side of it. Then the text shoud wrap under the image and continu there. But how to do this? This is text that should wrap around the image. The text should start at the same vertical position as the image starts, but on the left side of it. Then the text shoud wrap under the image and continu there. But how to do this?
    </div>
    </body>
    </html>

    Kippie

  • #2
    Regular Coder
    Join Date
    Jul 2002
    Location
    Iran
    Posts
    695
    Thanks
    0
    Thanked 0 Times in 0 Posts
    it's no need that you hardcode like that and use a div! I think they needed that div in some ways that they put it there ( I mean the place that you cut 'n paste your code from), you can easily make what you want with a table :


    <table border=1>
    <tr>
    <td>
    <img src='myImage.gif'>
    </td>
    <td>
    this is our text <br>
    this is our text <br>
    this is our text <br>
    </td>
    </tr>
    <td colspan=2>
    This is another text.This is another text.This is another text.This is another text.This is another text.
    This is another text.This is another text.This is another text.This is another text.This is another text.
    </td>
    </tr>
    </table>

  • #3
    Regular Coder
    Join Date
    Jul 2002
    Posts
    197
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks, but one question. As far as I understand you put two seperate texts in two ceperate table cells. And I'm looking for a way that the text really flows around the image: so if I add some text to your line "this is our text etc." that your second text "this is another text etc." shifts up. Would that be possible?
    Kippie

  • #4
    Regular Coder
    Join Date
    Jun 2002
    Posts
    676
    Thanks
    1
    Thanked 0 Times in 0 Posts
    kip...
    in your just a image® tag??? put ...
    align="right" ...since you just a want® your text on the left...'cept ifin' /me is just a misunderstanding® you??? thennn go...
    align="left" <--put thattt in the image tag...

    just a goodluck®...
    The New JustaBuster Version 2.0 OR JustaBusta Lite V2.0
    ...just a special® thanx kinda hugs to jkd n' nex ...:O)))

    CommemorateWTC.com --Please lend your support

  • #5
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    <img ... style="float: right;">
    <p>Your text goes here</p>
    That should be all you need to do as long as you're targeting modern browsers.

  • #6
    Regular Coder
    Join Date
    Jul 2002
    Posts
    197
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks Roy,
    Kippie


  •  

    Posting Permissions

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