By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,319 Members | 2,361 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,319 IT Pros & Developers. It's quick & easy.

text wrap around image

P: n/a
Hi,
I need help in setting up a page where the text wraps around an image.
Right now, I am using table, with text in one <td> and the image in the
adjacent <td>. The problem is when the text is longer than the height of
the image, I get all this dead space below the image with the text just
going vertically down in its own <td>.
Can I use style sheet to position the image and the text so that the
text can start taking up the whole page starting from the bottom of the
image?

text text text text text text text text text text text text
+------------+
text text text text text text text text text text text text |
|
text text text text text text text text text text text text |
|
text text text text text text text text text text text text
+------------+
text text text text text text text text text text text text text text
text text
text text text text text text text text text text text text text text
text text
text text text text text text text text text text text text text text
text text

Thanks.
Jul 20 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a
Hi Xerxes,
Can I use style sheet to position the image and the text so that the
text can start taking up the whole page starting from the bottom of the
image?


try something similar:

<p>
Paragraph 1 - will be completely above the image.
</p>
<div style="float:right;">
<img ... />
</div>
<p>
Paragraph 2 - will begin beside the image and ev. float under it.
</p>

HTH,

Paul

Jul 20 '05 #2

P: n/a
In article <f6f8c553aa2ddb97472d75730d4408ac@TeraNews>, ashkaan57
@hotmail.com says...
Hi,
I need help in setting up a page where the text wraps around an image.


In your css:

p img { float: right; }

In your html:

<p><img src="x.jpg" alt="xx">lots of text.....
</p>

You can add margins to the image if you want.

Jul 20 '05 #3

P: n/a
Thank you all very much.

"Xerxes" <as*******@hotmail.com> wrote in message
news:f6f8c553aa2ddb97472d75730d4408ac@TeraNews...
Hi,
I need help in setting up a page where the text wraps around an image.
Right now, I am using table, with text in one <td> and the image in the adjacent <td>. The problem is when the text is longer than the height of the image, I get all this dead space below the image with the text just going vertically down in its own <td>.
Can I use style sheet to position the image and the text so that the
text can start taking up the whole page starting from the bottom of the image?

text text text text text text text text text text text text
+------------+
text text text text text text text text text text text text |
|
text text text text text text text text text text text text |
|
text text text text text text text text text text text text
+------------+
text text text text text text text text text text text text text text
text text
text text text text text text text text text text text text text text
text text
text text text text text text text text text text text text text text
text text

Thanks.

Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.