How to make floating images?

[MP]

I want to put an image on the right side of the browser window, and to
have text on its right and bottom side.
Below is an example:

txt txt -----
txt txt | img |
txt txt -----
txt txt txt txt


So I wrote:
<img src="img.jpg" align=right>
<p>txt
<p>txt
<p>txt
....

This seems to work well in number of browsers (IE6, FW1.0.7, Opera 8.5).
However, W3C Validator gives an error "there is no attribute "ALIGN""

What helps?
How should I make an image to float to the right margin?


MP

 

[Travis Newbury]

I want to put an image on the right side of the browser window, and to
have text on its right and bottom side.

google "css image float"

 

[dorayme]

I want to put an image on the right side of the browser window, and to
have text on its right and bottom side.
Below is an example:

txt txt -----
txt txt | img |
txt txt -----
txt txt txt txt

This is an example of text on the right?

dorayme

 

[Chris Beall]

I want to put an image on the right side of the browser window, and to
have text on its right and bottom side.
Below is an example:

txt txt -----
txt txt | img |
txt txt -----
txt txt txt txt


So I wrote:
<img src="img.jpg" align=right>
<p>txt
<p>txt
<p>txt
...

This seems to work well in number of browsers (IE6, FW1.0.7, Opera 8.5).
However, W3C Validator gives an error "there is no attribute "ALIGN""

What helps?
How should I make an image to float to the right margin?


MP

MP,

Pack a lunch, then see
http://www.w3.org/TR/CSS21/visuren.html#floats

Chris Beall

 

[MP]

Thanks!

I solved the issue as follows:

In CSS:
*********
img.float_right {
float:right;
}
*********

and in html:
*********
<img class=float_right src="img.jpg">
<p>txt
<p>txt
<p>txt
....
*********

So now it works as I wanted.
Thanks again for the help.

MP