By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,447 Members | 1,172 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,447 IT Pros & Developers. It's quick & easy.

right justify image?

P: n/a
JG
I'm new obviously to html and I'm looking for a way
put an image on the right side of the page opposite
text on the left. How does one do this? I've heard
of text wrapping of an image but not sure if this is
what I really want, and further don't know how to do
that either.
Appreciate any info.
Mar 26 '07 #1
Share this Question
Share on Google+
9 Replies


P: n/a
JG wrote:
I'm new obviously to html and I'm looking for a way
put an image on the right side of the page opposite
text on the left. How does one do this? I've heard
of text wrapping of an image but not sure if this is
what I really want, and further don't know how to do
that either.
table?

--
iTech Consulting Services Limited
Expert of ePOS solutions
Website: http://www.itech.com.hk (IE only)
Tel: (852)2325 3883 Fax: (852)2325 8288
Mar 26 '07 #2

P: n/a
JG wrote:
I'm new obviously to html and I'm looking for a way
put an image on the right side of the page opposite
text on the left. How does one do this? I've heard
of text wrapping of an image but not sure if this is
what I really want, and further don't know how to do
that either.
Appreciate any info.

I defined a style in my CSS file:
img.rgt { margin: 1em; float: right }

Then, my HTML markup for a right-justified image is:
<img class=rgt src="xxx.jpg" . . . >

Text will wrap on the left.

--

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 26 '07 #3

P: n/a
Mon, 26 Mar 2007 11:52:19 +0800 from Man-wai Chang
<to***********@gmail.com>:
JG wrote:
I'm new obviously to html and I'm looking for a way
put an image on the right side of the page opposite
text on the left. How does one do this? I've heard
of text wrapping of an image but not sure if this is
what I really want, and further don't know how to do
that either.

table?
Bzzt! No, but thanks for playing.

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you
Mar 26 '07 #4

P: n/a
Sun, 25 Mar 2007 19:28:40 -0500 from JG <NoMail@NoSpam>:
I'm new obviously to html and I'm looking for a way
put an image on the right side of the page opposite
text on the left. How does one do this? I've heard
of text wrapping of an image but not sure if this is
what I really want, and further don't know how to do
that either.
Appreciate any info.
CSS is the answer. Really this should be done with classes and an
external style sheet, but here's a quick and dirty method.

Do you want the text to flow around the image?

<p>
<img src="..." height="..." width="..." alt="..."
style="float:right">
Text of paragraph
</p>

Do you want the image all by itself horizontally, with text resuming
after the bottom edge of the image?

<div style="text-align:right">
<img src="..." height="..." width="..." alt="...">
</div>

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you
Mar 26 '07 #5

P: n/a
>>I'm new obviously to html and I'm looking for a way
>>put an image on the right side of the page opposite
text on the left. How does one do this? I've heard
table?
Bzzt! No, but thanks for playing.
I said so because css is not html. this group is about html. :)

--
iTech Consulting Services Limited
Expert of ePOS solutions
Website: http://www.itech.com.hk (IE only)
Tel: (852)2325 3883 Fax: (852)2325 8288
Mar 26 '07 #6

P: n/a
JG
Re: right justify image replies.
THANKS for all replies, they helped me get what I needed.
And I will continue to study CSS.
Mar 26 '07 #7

P: n/a
Mon, 26 Mar 2007 16:41:28 +0800 from Man-wai Chang
<to***********@gmail.com>:
>I'm new obviously to html and I'm looking for a way
put an image on the right side of the page opposite
text on the left. How does one do this? I've heard
table?
Bzzt! No, but thanks for playing.

I said so because css is not html. this group is about html. :)
And if someone asked in an auto group how to get to another
continent, you would tell him to drive really fast onto a ramp that
slopes upward? :-)

Seriously, when someone asks how to do a job using the wrong tool,
the best advice is to redirect them to the right tool.

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you
Mar 27 '07 #8

P: n/a
On 26 Mar, 01:28, "JG" <NoMail@NoSpamwrote:
I'm new obviously to html and I'm looking for a way
put an image on the right side of the page opposite
text on the left. How does one do this? I've heard
of text wrapping of an image but not sure if this is
what I really want, and further don't know how to do
that either.
Appreciate any info.
<img src=" " align="right" /and then put the text required. Avoid
puting the text first as that will push the image further down and
wont right-align the image.

Regards
Huseyin

Mar 27 '07 #9

P: n/a
Seriously, when someone asks how to do a job using the wrong tool,
the best advice is to redirect them to the right tool.
There are people that really hates off-topic stuffs. I don't about the
people here. :)

--
iTech Consulting Services Limited
Expert of ePOS solutions
Website: http://www.itech.com.hk (IE only)
Tel: (852)2325 3883 Fax: (852)2325 8288
Mar 29 '07 #10

This discussion thread is closed

Replies have been disabled for this discussion.