I have a paragraph with an image that I want text to wrap around. However, since the align="right" attribute is deprecated, I have tried to do it with css; but to no avail.<br />
<br />
<!-- m --><a class="postlink" href="htt://www.icfm.us/colors/blah.html">htt://www.icfm.us/colors/blah.html</a><!-- m --> (<!-- m --><a class="postlink" href="http://www.icfm.us/colors/blah.html">http://www.icfm.us/colors/blah.html</a><!-- m -->) <br />
<br />
How do we resolve this issue?<br />
<br />
Gandalf<br />
<br />
<br />
A side note: <!-- m --><a class="postlink" href="http://www.w3schools.com/tags/tag_img.asp">http://www.w3schools.com/tags/tag_img.asp</a><!-- m --> says that the ALIGN attribute is deprecated for the <img>; however, according to their FLOAT theory on page, <!-- m --><a class="postlink" href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_image_float">http://www.w3schools.com/html/tryit.asp ... mage_float</a><!-- m --> align="right" is acceptable. Looks like someone isn't doing their job updating their pages.<br />
<br />
=:O<!--content-->I think it is <br />
<br />
text-align: right;<!--content-->Like in a newspaper with the text around the center image?<br />
<br />
I dont think this can be done because Ive tried multiple web editors and I cant seem to do it.<br />
<br />
In word, when save as web document, it says that it is not possible<br />
<br />
(dont feel like coding from hand right now
)<!--content-->yes it is possible, you just have to know how to do it. but the image in the center of all the text will be some doing as you have to have text on both sides to it is a little bit more tricky.<!--content-->just put this in your img tag<br />
<br />
<br />
align="top" align="bottom" align="right" align="left"<br />
<br />
<br />
but depending on how you want to do it you have to make sure you dont screw up the text.<!--content-->you can only use 1 of those. also he said he didn't want to use the align as it is deprecated.<!--content-->Thee Gandalf, I am a little green(no pun intended towards Scoutt ) but maybe this is what you're looking for.<br />
<br />
<head><br />
<style type="text/css"><br />
img {<br />
float: right<br />
}<br />
</style><br />
</head><br />
<br />
The float property is meant to replace the deprecated align="right". Oh yeah, you need to give the image an id so it only applies this to the image you want. Replace the above with this...<br />
<br />
img#right {<br />
float: right<br />
}<br />
<br />
In your image tag add this...<br />
<img id="right" src=http://www.htmlforums.com/archive/index.php/"whatever.gif" width="whatever" height="whatever" alt="whatever"><!--content-->Thanks Derek02! That did the trick!<br />
<br />
Gandalf<br />
<!--content-->
<br />
<!-- m --><a class="postlink" href="htt://www.icfm.us/colors/blah.html">htt://www.icfm.us/colors/blah.html</a><!-- m --> (<!-- m --><a class="postlink" href="http://www.icfm.us/colors/blah.html">http://www.icfm.us/colors/blah.html</a><!-- m -->) <br />
<br />
How do we resolve this issue?<br />
<br />
Gandalf<br />
<br /><br />
A side note: <!-- m --><a class="postlink" href="http://www.w3schools.com/tags/tag_img.asp">http://www.w3schools.com/tags/tag_img.asp</a><!-- m --> says that the ALIGN attribute is deprecated for the <img>; however, according to their FLOAT theory on page, <!-- m --><a class="postlink" href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_image_float">http://www.w3schools.com/html/tryit.asp ... mage_float</a><!-- m --> align="right" is acceptable. Looks like someone isn't doing their job updating their pages.<br />
<br />
=:O<!--content-->I think it is <br />
<br />
text-align: right;<!--content-->Like in a newspaper with the text around the center image?<br />
<br />
I dont think this can be done because Ive tried multiple web editors and I cant seem to do it.<br />
<br />
In word, when save as web document, it says that it is not possible<br />
<br />
(dont feel like coding from hand right now
)<!--content-->yes it is possible, you just have to know how to do it. but the image in the center of all the text will be some doing as you have to have text on both sides to it is a little bit more tricky.<!--content-->just put this in your img tag<br /><br />
<br />
align="top" align="bottom" align="right" align="left"<br />
<br />
<br />
but depending on how you want to do it you have to make sure you dont screw up the text.<!--content-->you can only use 1 of those. also he said he didn't want to use the align as it is deprecated.<!--content-->Thee Gandalf, I am a little green(no pun intended towards Scoutt
) but maybe this is what you're looking for.<br /><br />
<head><br />
<style type="text/css"><br />
img {<br />
float: right<br />
}<br />
</style><br />
</head><br />
<br />
The float property is meant to replace the deprecated align="right". Oh yeah, you need to give the image an id so it only applies this to the image you want. Replace the above with this...<br />
<br />
img#right {<br />
float: right<br />
}<br />
<br />
In your image tag add this...<br />
<img id="right" src=http://www.htmlforums.com/archive/index.php/"whatever.gif" width="whatever" height="whatever" alt="whatever"><!--content-->Thanks Derek02! That did the trick!<br />
<br />
Gandalf<br />
<!--content-->