Posts: 111
Threads: 17
Joined: Apr 2006
So, I want to
my picture. But align is non-existent in XHTML 1.0.
I've tried everything I know in CSS, and nothing I do will validate. If I
Code:
text-align: left; vertical-align: top;
it just moves the first line aligned to the middle of the image, and every other line under the image. It looks terrible. Help me please.
Quote:As a side note, I wish I was a robotic zombie ninja pirate.
Posts: 961
Threads: 81
Joined: Apr 2005
AHAHA!! Love ya sig! I remember when the net was estimated to hold about 80TB of data... That's fairly small in today's standards. Because you can now get 1TB drives (or close to it) and an array of 80 or so will hold it all...
Only now it would be a million times that again.
Can you imagine trying to keep up?
Screwing with your reality since 1998.
Posts: 2,404
Threads: 153
Joined: Jan 2005
That image comes with a joke on the front of this page:
http://www.w3schools.com/
:rotfl: .... It is bloody hilarious....
As for your problem:
Code:
<p style="text-align:right;"><img src="apache_pb22_ani.gif" /></p>
Or, in an external CSS file:
Code:
p.pos_right {
text-align: right;
}
Code:
<p class="pos_right"><img src="apache_pb22_ani.gif" /></p>
Kevin (
x.t.r.GRAPHICS)
Posts: 111
Threads: 17
Joined: Apr 2006
EDIT: Yeah, it works. Thanks
Quote:As a side note, I wish I was a robotic zombie ninja pirate.
Posts: 320
Threads: 9
Joined: Dec 2004
For the image to be inline with text in the paragraph, use:
Code:
/* inside css file */
img.fRight
{
float: right;
margin: 0 0 1em 1em;
}
e.g.
Code:
<p>
<img src="foo/bar.png" class="fRight" alt="foobar" width="100" height="20" />
This is some text that will appear to the left of the image.
</p>
img]http://www.cdsoft.co.uk/misc/shiftlynx.png[/img]