2 replies [Last post]
Godai
Offline
newbie
Last seen: 15 years 50 weeks ago
Joined: 2004-08-31
Posts: 2
Points: 0

At first I had just an image and some text, and life was easy. The text would wrap around the image my just setting the image's align property.

And then I had to add a caption to the image. So a straight image tag became a table with two rows: one for the image and one for the caption. And here my trouble begins Tongue

It's killing me, but I can't both things I need: (i) text to wrap around the image properly, and (ii) the image to right-align properly.

If I use "position: absolute; right: 10px", the table (with the image) right aligns perfectly...but the text runs underneath it.

If I use a div, and "float: right", it works...so long as there's enough text to "push" it all the way out to the right. If there's not enough text, it shifts left. If there's no text, it's basically left aligned.

This seems like a straight-forward problem, and I imagine many of you have run into it before. Can someone point me in the right direction or tell me what I'm doing wrong? I just want a right-aligned, captioned image around which text flows naturally Smile

rmcivo1
Offline
Enthusiast
Shropshire | Shrewsbury
Last seen: 9 years 22 weeks ago
Shropshire | Shrewsbury
Joined: 2003-12-05
Posts: 115
Points: 0

Table + Word wrap

Well, I had the same problem as you about 10 minutes ago... I tryed right aligning the table and it wrapped around the text. So try that :

 
<table align="right"> 


is this the kind of thing that you were looking for:
I have created a demo

Hope this helps
Rees

The Cyber World

Godai
Offline
newbie
Last seen: 15 years 50 weeks ago
Joined: 2004-08-31
Posts: 2
Points: 0

Table + Word wrap

rmcivo1 wrote:
Well, I had the same problem as you about 10 minutes ago... I tryed right aligning the table and it wrapped around the text. So try that :

 
<table align="right"> 


is this the kind of thing that you were looking for:
I have created a demo

Hope this helps
Rees

It does! Thanks!