Wraping text around an image?

Serevinus
06-20-2002, 10:28 AM
I was wondering if it was possible to wrap text around an image, as in a newspaper artical

The image could be anywhere on the page but the text should be able to wrap arround it completely... I have tried to use CSSP and tables but I dont know much about positioning things using CSS

This isnt actualy for me, someone else is making a site with 200 pages, and he has asked me to help him with this problem, due to the fact that there are 200 pages like this, it has to be fairly simple, please not that the server he is running on does not support any server side scripts so it will have to be done solely with HTML and CSS

Examples:
http://virus.techie.org/images/wrap.gif

Thanks for any help
Jim Mead

Agent
06-20-2002, 11:31 AM
This will be a start: http://www.claytonalcock.com/wordwrap/

I was using tables instead of unreliable CSS. CSS should be used
as "icing" on his "cake", his website. It should not be relied on as
what makes the site.

You build your website, then you should apply CSS. Some people
don't have CSS capable browsers. :)

Robby
06-20-2002, 11:43 AM
I rely on CSS, and for all non-IE users I redirect them to a different page which is relying less on CSS.

I couldn't imagine designing 200 pages without CSS, just to accomadate the 4 users in the world with Netscape. *cough*

Cogen
06-20-2002, 11:51 AM
Use align=right and align=left your image tags. You can paste this code in a web page to see how it works. You won't see the images ofcourse, but you will see the outline atleast, so you'll get the idea.



<img src="nothing.jpg" height="100" width="100" align="right">
This text is just for testing purposes ... this text will wrap
around the above image. The key is the align=right statement. Because
of that statement, the picture will be placed on the right side of the
screen. Filler text - filler text - filler text - filler text
- filler text - filler text - filler text - filler text - filler text
- filler text - filler text - filler text - filler text - filler text
<img src="nothing.jpg" height="100" width="100" align="left">
This text is just for testing purposes ... this text will wrap
around the above image. The key is the align=left statement. Because
of that statement, the picture will be placed on the left side of the
screen. - filler text - filler text - filler text - filler text
- filler text - filler text - filler text - filler text - filler text
- filler text - filler text - filler text - filler text - filler text
- filler text - filler text - filler text - filler text - filler text

Agent
06-20-2002, 11:58 AM
Do whatever you want Robby. Redirecting would be a good idea
though.

Anyways, if you are using style sheets just to make hover colors
for your links, this isn't a big deal. If your entire layout is based on
CSS, some people will be disapointed, or not. That is my opinion
and it would seem incorrect to say, "Sorry, you don't have CSS,
you can't view my website." Okay.

Robby
06-20-2002, 12:44 PM
But how would someone with IE not have CSS?

Serevinus
06-20-2002, 01:36 PM
I found another way of doing it...


<SPAN style="float:left;width:90;height:129">
<IMG src="q.jpg" width="90" height="129" alt="alternative text">
</SPAN>

This has the same result as cogens method... however I think his way is simpler and probably has better support, so I will suggest that to my friend after I have tested the support in various browsers ;)

Thanks everyone, your help was much appreciated

Robby
06-20-2002, 01:46 PM
I don't think you'll have any problems with your method, but Cogen method will work with any browser.

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum