...

View Full Version : How to make textwrap around image?



kippie
08-19-2002, 07:50 AM
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

ConfusedOfLife
08-19-2002, 08:56 AM
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>

kippie
08-19-2002, 09:20 AM
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

justame
08-19-2002, 12:05 PM
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®...

Roy Sinclair
08-19-2002, 02:27 PM
<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.

kippie
08-19-2002, 05:59 PM
Thanks Roy,
Kippie



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum