MozillaZine

The Amazing Netscape Fish Cam Page Redesigned with Web Standards

Sunday April 27th, 2003

The Amazing Netscape Fish Cam page, one of the early icons of the World Wide Web, has been brought into the Twenty-First Century with a standards-based redesign from CSS guru Eric Meyer. The equally amazing Netscape DevEdge has an article covering one aspect of the redesign.


#1 Error on the page.

by dhyatt

Sunday April 27th, 2003 1:56 AM

Reply to this message

The Fishcam page misrenders in both Safari and Opera 7, and it looks like what those browsers are doing is actually correct. The stylesheet has a rule for h2 elements that says clear: both, and both Safari and Opera honor the setting and make the h2 clear the float. Mozilla does not. Am I just crazy? ;)

#2 right, it's wrong

by warenhaus

Sunday April 27th, 2003 2:44 AM

Reply to this message

from what i can see, they forgot a "div.card" in front of the h2 in fishy.css.

#3 whitespace missing

by turrican

Sunday April 27th, 2003 3:02 AM

Reply to this message

"Here in JavaScript land at Netscape,we have a large fish tank with some cameras pointed at it."

... and there's a whitespace missing between "Netscape," and "we"... :-D

#4 Doesn't validate...?!

by AdamCollard

Sunday April 27th, 2003 6:38 AM

Reply to this message

Out of curiosity I tried running this page through the W3C Validator <http://validator.w3.org/> and it doesn't validate! First off there's no character encoding specified in the document so I specified utf-8 just to get the validator to check the markup.

All of the errors appear to be in the Netscape Header and Footer sections: missing "type" attribute on a <script>, the others are generated because of the way the JavaScript does document.write()s

Is it too much to ask to get a page showing off standards such as CSS to actually validate without providing the "effective source" (after you include all the document.writes)?

#5 Re: Doesn't validate...?!

by garfieldbond

Sunday April 27th, 2003 11:02 AM

Reply to this message

This is no different from ESPN's validation not working because of MSN's adbar. Not a whole lot they can do about it probably.

#7 Why alt="" and no title=""

by skeeter

Sunday April 27th, 2003 2:34 PM

Reply to this message

I've purchased, read and enjoyed several of Eric's books. It surprised me that on his images he left title out of the images and went with only alt.????

img src="thumb_clown_trigger.jpg" alt="Clown Trigger" border="0" width="150" height="115"

#8 Because alt means alternative text?

by jgraham

Sunday April 27th, 2003 2:52 PM

Reply to this message

Maybe he was using alt for it's intended purpose? Just because some browsers (erronously) render alt as a tooltip doesn't mean he should add title just for the browsers that don't. OTOH, I think the alt text is approprite, since the text will read:

Black eel [line break] Geometrix Eel [line break] The Geometrix Eel gets its name from the pattern on its head. If you look closely, the eyes on this eel look fake. This eel is also a good hunter, but only grows to 24 inches.

on non graphical / non css browsers, which I think makes less sense than no alt text at all. The best soultion would probably be:

Geometrix Eel [line break] [alt text] The Eel is black with yellow stripes[line break] The Geometrix Eel gets its name from the pattern on its head. If you look closely, the eyes on this eel look fake. This eel is also a good hunter, but only grows to 24 inches.

#6 Cool

by Kovu <Kovu401@netscape.net>

Sunday April 27th, 2003 12:25 PM

Reply to this message

Fishy fishy fishy fish!

#9 I have one question...

by miken32

Sunday April 27th, 2003 2:54 PM

Reply to this message

...can you still get there by using Ctrl-Alt-F? (Sorry if this is a stupid question, but I'm running Firebird, haven't used Mozilla since pre-1.0, so I really don't know!)

---- mike

#10 Re: I have one question...

by jonik

Monday April 28th, 2003 2:48 AM

Reply to this message

Yeah, it seems Ctrl-Alt-F takes you to that page. (Using Mozilla 1.3.)

#13 Re: Re: I have one question...

by betz

Monday April 28th, 2003 8:19 AM

Reply to this message

Not with netscape7 on windows :-(

#14 Re: Re: Re: I have one question...

by skeeter

Monday April 28th, 2003 1:04 PM

Reply to this message

Nor in Mozilla 1.4b

#16 Re: Re: I have one question...

by Bibbl

Wednesday April 30th, 2003 12:17 AM

Reply to this message

Huh? I'm using Mozilla 1.3 but it doesn't work

#11 Re: I have one question...

by Tanyel <tanyel@straightblack.com>

Monday April 28th, 2003 4:19 AM

Reply to this message

Remember to type "TM" after Firebird.

#12 Re: Checking on 1.0.2

by rajbhaskar

Monday April 28th, 2003 8:02 AM

Reply to this message

#15 Re: Checking on 1.0.2

by rajbhaskar

Tuesday April 29th, 2003 2:24 AM

Reply to this message

Oops, this was supposed to be a reply to the thread with topic "I have one question..." Sorry.

#17 Aaargh!

by LPetrazickis

Wednesday April 30th, 2003 1:56 PM

Reply to this message

I hate non-scrolling backgrounds. This page will not be receiving my patronage until they remove the non-scrolling background.:)

#18 Re: Aaargh!

by kberk <kberk@bigfoot.com>

Wednesday April 30th, 2003 5:14 PM

Reply to this message

You must be smoking something. That looks cool!

#19 Am Not:)

by LPetrazickis

Thursday May 1st, 2003 3:47 PM

Reply to this message

> You must be smoking something. That looks cool!

I don't want to notice backgrounds no matter how cool they look. Ergo, they should behave the way everything else does when I want to scroll. Otherwise, they force my eyes to look at them when I really want to look at the actual content.:)

#20 bye bye fixed backgrounds

by AndrewR

Thursday May 1st, 2003 7:24 PM

Reply to this message

You don't like fixed background images? In userContent.css in your profiledirectory/chrome/, put: body { background-attachment: scroll !important; } and ta-da!, no fixed position page backgrounds :-)