Image positioning in Firefox

I'm trying to position images using CSS. I put inline style code in
the <img> tag. Why does this line of code work in IE7 but not in
Firefox 2.0? Anybody got a better way?

<img height="160" width="160" style="position=relative; top=20;
left=20;" src="images/bomb.jpg">

Cate Archer wrote:

I'm trying to position images using CSS. I put inline style code in
the <img> tag. Why does this line of code work in IE7 but not in
Firefox 2.0? Anybody got a better way?

img height="160" width="160" style="position=relative; top=20;
left=20;" src="images/bomb.jpg"

Try replacing the '=' inside the style attribute with ':'.

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

On Sat, 24 Mar 2007 17:08:13 +0100, Els <els.aNOSPAM (AT) tiscali (DOT) nl>
wrote:

Try replacing the '=' inside the style attribute with ':'.

That worked. Thanks.

Bergamot wrote:

"top=20" is invalid for another reason than the one Els mentioned.
Non-zero values require a unit - em, %, px, etc.

Yup, missed that one :\

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

Cate Archer wrote:

I'm trying to position images using CSS. I put inline style code in
the <img> tag. Why does this line of code work in IE7 but not in
Firefox 2.0? Anybody got a better way?

img height="160" width="160" style="position=relative; top=20;
left=20;" src="images/bomb.jpg"

"top=20" is invalid for another reason than the one Els mentioned.
Non-zero values require a unit - em, %, px, etc.

I question whether the code you are attempting is really what you
*should* be doing, though. Do you know what relative positioning
actually does?

I bet it "works" (sort of) in IE because you are triggering quirks mode.
How about showing us a URL so we can advise you on the best way to get
what you are really trying to achieve?

--
Berg

Cate Archer a écrit :

On Sat, 24 Mar 2007 17:08:13 +0100, Els <els.aNOSPAM (AT) tiscali (DOT) nl
wrote:

Try replacing the '=' inside the style attribute with ':'.

That worked. Thanks.

Cate, please bookmark this page:

Using Web Standards in your Web Pages (Updated Dec. 2006)
http://developer.mozilla.org/en/docs...your_Web_Pages

That webpage answers the most frequent problems when trying to support
all modern browsers.

Gérard