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

Wrapping an Image!

P: n/a
Dear alls

I am trying to put an image with text wrapped all around it except the
top part. Is it possible to do that without using invinsible tables?
Any advice will be immencely appreciated. Thanking you in advance for
the foregoing information.

Regards
Huseyin

Mar 27 '07 #1
Share this Question
Share on Google+
4 Replies


P: n/a
On 27 Mar, 12:57, "Huseyin" <huseyinmehme...@hotmail.comwrote:
I am trying to put an image with text wrapped all around it except the
top part.
Use CSS and float.

The HTML could be as simple as this:

<img ... style="float:left; margin: 0 1em 1em 0.5em;" >
<p>Lorem ipsum ...
http://brainjar.com/css/positioning/ should explain the details

Mar 27 '07 #2

P: n/a
Andy Dingley wrote:
On 27 Mar, 12:57, "Huseyin" <huseyinmehme...@hotmail.comwrote:
>>I am trying to put an image with text wrapped all around it except the
top part.

Use CSS and float.

The HTML could be as simple as this:

<img ... style="float:left; margin: 0 1em 1em 0.5em;" >
<p>Lorem ipsum ...
I think what the OP wants is more like a "float:top" so he gets

text text T---------T more text text
more text | A A | some more text
text here | < ~~~ | even more text
yet still | [ v ] | more and more
text even L_________] though it is
pretty darned boring and not very
interesting at all.

Unfortunately, float:top and float:bottom haven't been invented yet.

I do not know how to achieve the effect without tables, and even with
tables it's quite messy, since the text size and table rendering
algorithms will be critical in separating legible text from an
incredible mish-mash of words near an image.

Your BrainJar article includes the text "Due to the inconsistencies
noted previously in how browsers handle relatively positioned elements,
nesting absolute elements inside relative elements may also cause
unexpected results and be worth avoiding." So I'm not sure what to suggest.

--
John
Mar 27 '07 #3

P: n/a
On 27 Mar, 15:26, John Hosking <J...@DELETE.Hosking.name.INVALID>
wrote:
I think what the OP wants is more like a "float:top" so he gets
The OP is evidently already such an expert that they're telling other
people how to do it. Clearly they don't need _our_ help!

Mar 27 '07 #4

P: n/a
Huseyin wrote:
Dear alls

I am trying to put an image with text wrapped all around it except the
top part. Is it possible to do that without using invinsible tables?
Any advice will be immencely appreciated. Thanking you in advance for
the foregoing information.

Regards
Huseyin
If you want to have a line of text begin on the left of the image and
continue on the right, PLEASE DON'T. This is very annoying to those of
us who might want to read the text.

If you want two columns of text with the image between them, that's
quite a different thing. First, you define the necessary CSS to create
side-by-side columns of text. Then you embed the image in the right
side of the left column or the left side of the right column.

--

David E. Ross
<http://www.rossde.com/>.

Anyone who thinks government owns a monopoly on inefficient, obstructive
bureaucracy has obviously never worked for a large corporation. 1997
Mar 27 '07 #5

This discussion thread is closed

Replies have been disabled for this discussion.