HighDots Forums  

text wrap around image

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss text wrap around image in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Xerxes
 
Posts: n/a

Default text wrap around image - 07-07-2003 , 03:19 PM






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 |
Quote:
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.




Reply With Quote
  #2  
Old   
Paul Rohorzka
 
Posts: n/a

Default Re: text wrap around image - 07-07-2003 , 05:14 PM






Hi Xerxes,
Quote:
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



Reply With Quote
  #3  
Old   
Jacqui or (maybe) Pete
 
Posts: n/a

Default Re: text wrap around image - 07-07-2003 , 05:36 PM



In article <f6f8c553aa2ddb97472d75730d4408ac@TeraNews>, ashkaan57
@hotmail.com says...
Quote:
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.



Reply With Quote
  #4  
Old   
Xerxes
 
Posts: n/a

Default Re: text wrap around image - 07-09-2003 , 11:01 AM



Thank you all very much.

"Xerxes" <ashkaan57 (AT) hotmail (DOT) com> wrote

Quote:
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.





Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.