467,212 Members | 1,109 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,212 developers. It's quick & easy.

Wrapping an Image!

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
  • viewed: 2260
Share:
4 Replies
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
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
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
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.

Similar topics

8 posts views Thread by Keith Thompson | last post: by
2 posts views Thread by Suzanne Boyle | last post: by
reply views Thread by PeteZ | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.