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.
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? ;)
from what i can see, they forgot a "div.card" in front of the h2 in fishy.css.
... and there's a whitespace missing between "Netscape," and "we"... :-D
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.
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)?
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.
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?
Sunday April 27th, 2003 2:52 PM
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.
Fishy fishy fishy fish!
...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!)
Yeah, it seems Ctrl-Alt-F takes you to that page. (Using Mozilla 1.3.)
Not with netscape7 on windows :-(
#11 Re: I have one question...
Monday April 28th, 2003 4:19 AM
Remember to type "TM" after Firebird.
Not on Windows due to bug 25369: <http://bugzilla.mozilla.org/show_bug.cgi?id=25369>
Oops, this was supposed to be a reply to the thread with topic "I have one question..." Sorry.
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 <email@example.com>
Wednesday April 30th, 2003 5:14 PM
You must be smoking something. That looks cool!
> 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.:)