Re: DOCTYPE / background-image madness!

In article <1153729622.420224.143610 (AT) p79g2000cwp (DOT) googlegroups.com>,
TC <gg.20.keen4some (AT) spamgourmet (DOT) com> wrote:

C:\styles.css:

.extlink {
background: url(http://tc2.atspace.com/extlink.gif) no-repeat
right middle;

right center;

padding-right: 12px; }

Questions:

(1) Why does the DOCTYPE stop IE6 displaying the image?

Presumably it allows this bug in non-standards mode.

(2) Why doesn't FF display the image at all?

Because it _should_ ignore the whole rule if there an error.

(3) What should I do to resolve this, to enable local testing of the
files on my hard disk?

Correct the CSS. In Firefox 1.5 the errors are shown in the Javascript
Console (Tools/ Javascript Console) - to be renamed Error Console in
Firefox 2 as it shows other errors.

John
--
John P Baker

JP. Baker wrote:

In article <1153729622.420224.143610 (AT) p79g2000cwp (DOT) googlegroups.com>,
TC <gg.20.keen4some (AT) spamgourmet (DOT) com> wrote:
C:\styles.css:

.extlink {
background: url(http://tc2.atspace.com/extlink.gif) no-repeat right middle;

right center;

Right ** ON ** !

Thanks - that was the problem. It now works fine in IE6 and FF1.5. I
double-checked, but couldn't see it for looking!

I've answered nearly 10,000 usenet questions myself, mainly regarding
MS Access, over the past 12+ years or so. It's really good to get an
answer to one of my own problems! What an amazing resource, is usenet.

Thanks to you & Els,

Cheers,
TC (MVP MSAccess)
http://tc2.atspace.com

TC wrote:

JP. Baker wrote:
In article <1153729622.420224.143610 (AT) p79g2000cwp (DOT) googlegroups.com>,
TC <gg.20.keen4some (AT) spamgourmet (DOT) com> wrote:
C:\styles.css:

.extlink {
background: url(http://tc2.atspace.com/extlink.gif) no-repeat right middle;

right center;

Right ** ON ** !

That's what I said - very first line in first reply. I'm surprised it
got past the validator. Or maybe you only validated the HTML... ?

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

Els wrote:

That's what I said - very first line in first reply. I'm surprised it
got past the validator. Or maybe you only validated the HTML... ?

Yes. I just realized that, & replied above accordingly :-)

Maybe the w3c html validator does not validate the referenced css? I'll
try validating the original error with a css validator & post back
here.

Cheers,
TC (MVP MSAccess)
http://tc2.atspace.com

TC wrote:

Els wrote:


That's what I said - very first line in first reply. I'm surprised it
got past the validator. Or maybe you only validated the HTML... ?

Yes. I just realized that, & replied above accordingly :-)

Maybe the w3c html validator does not validate the referenced css? I'll
try validating the original error with a css validator & post back here.

Geez I'm being enormously slow on the uptake here! :-((

You said, maybe I only validated the HTML !!

Exactamundo.

I just validated the orgnal (bad) CSS at
http://jigsaw.w3.org/css-validator . It said:

"Invalid number : background Too many values or values are not
recognized : url(http://i.microsoft.com/h/en-us/i/msnlogo.gif)
no-repeat right middle"

Q.E.D. :-)

Cheers,
TC (MVP MSAccess)
http://tc2.atspace.com

TC wrote:

I just validated the orgnal (bad) CSS at
http://jigsaw.w3.org/css-validator . It said:

"Invalid number : background Too many values or values are not
recognized : url(http://i.microsoft.com/h/en-us/i/msnlogo.gif)
no-repeat right middle"

Q.E.D. :-)

:-) np

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