PDA

View Full Version : How to make textwrap around image?


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

Inch
08-19-2002, 03:21 AM
Kippie,
2 ways of doing this:

<img height="100" width="100" src="lichtophoofd.jpg" align="right">

OR

<img height="100" width="100" src="lichtophoofd.jpg" style="float:right;">

Both ways, the text will start at the same vertical height as the image, but will appear to the left of it and wrap underneath.

Hope that helps... :)

kippie
08-19-2002, 03:55 AM
Great! Thanks Inch. One more question: what can I do to have a margin around the image so that the text is not directly next to the image but that there is some space in between?

Kippie

Inch
08-19-2002, 05:22 AM
Try:

<img height="100" width="100" src="lichtophoofd.jpg" style="float:right; margin-left:10; margin-bottom:10;">

:)

kippie
08-19-2002, 06:44 AM
Thanks Inch!
Kippie