Coding Forum

**Christopher** · 08-19-2002, 05:35 PM

Ok, consider this ASCII art I have drawn, the * is an image, and the - is text.

Code:

***----------
***----------
***----------
---------------

See, the text is wrapped to the right of the image, if you were just to put the image (<img src=...) tag then the text, it would look something like this:

Code:

***
***
***----------
----------
----------

I have been experimenting and all I have found to achieve the effect of the first is to put style="float:left" in the img tag, but I'm not sure that it works in all browsers, so I was wondering if someone would try it out on a different browser other than IE6, or tell me a different way.

Thanks in advanced!

**dk01** · 08-19-2002, 06:49 PM

I have been doing some things with float and clear and they worked moderately well in IE 5.
-dk

**Christopher** · 08-19-2002, 06:52 PM

Thanks dk01, have you tried it with Netscape, Mozilla or Opera?

**Christopher** · 08-19-2002, 10:11 PM

How does PHP/Post Nuke do it when they make the text wrap around the topic icons?

**dk01** · 08-20-2002, 03:46 AM

No I am going to try it today in NS6 and Opera.
I'll let you know my results.
-dk

**Zoram** · 08-20-2002, 12:22 PM

well, the standard html practice is to align=left in the image tag and just put the image before the first line of text you want to wrap.

Other than that, i'm too new to css to know how to do it with that...

**AhmedF** · 08-20-2002, 03:07 PM

I cant remember it, but I THINK There was an IMG tag that let you align font to the top.

Or you could just use tables and vAlign in the TD tags.

**Christopher** · 08-20-2002, 03:19 PM

Quote:

Originally posted by Zoram
well, the standard html practice is to align=left in the image tag and just put the image before the first line of text you want to wrap.

Ahh! Your right, never even thought of that! I haven't tried it yet, but my trusty ol' book says so also. Thanx, I'll let you know if it has the same effects of 'float.'

**dk01** · 08-20-2002, 04:34 PM

Tried float on NS6 and Opera. Got the same result for both but was different from my result with IE6. When I get my network between my comps setup i will post screenshots. I think i might find other ways to go about using float. Anyone have mozilla and could try it out? I wish this was working because I am trying to learn css layouts!!!
-dk

**Christopher** · 08-20-2002, 07:25 PM

Well, Zoram was right as you could have guessed

It works just as perfectly as float does on IE6. See? The first pic of the game box is where I used align="left".

In the site you see a review, its not mine, I put it there just to let some people review it while it has a full page of content