img-table-zeldman-test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">  <head>    <title>Jeffrey Zeldman Presents: The Daily Report</title>    <base href="http://www.zeldman.com/" /><style type="text/css" media="screen">body {   background : #c30  url(/porky/sideswipe.gif) repeat-y fixed 0% 0%;    margin : 0;    color: black;}/* img {	display: block;	} */.inline {	display: inline;	}strong {   font-weight : bold; }pre {   font : 10px monaco, "andale mono", courier, "courier new", sans-serif;    color : black;    background-color : #fff;    margin-right : 30px;    margin-bottom : 10px;    margin-left : 30px; }p {   font : 11px/18px georgia, palatino, serif;    margin-top : 0; }ol {   font : 11px/18px georgia, palatino, serif;    margin-top : 0; }li {   font : 11px/18px georgia, palatino, serif;   margin-top : 0; }dl {	margin-top: 0;	margin-bottom: 15px;	}dt {	font: 10px/15px geneva, verdana, sans-serif;	}dd {	font: 10px/15px geneva, verdana, sans-serif;	}h4 {   font : bold 12px verdana, helvetica, sans-serif;    color : #f60;    background-color : #fff;    margin-top : 1px;    margin-bottom : 10px;    margin-left : 30px; }h2	{	color: #000;	background: transparent;	font: bold 11px georgia, palatino, sans-serif;	margin-top : 10px;   	margin-bottom : 0; 	}h1 {   font : bold 22px verdana, helvetica, arial, sans-serif;    color : #f60;    background-color : #fff;    margin-top : 2px;    margin-bottom : 0; }code {   font : 11px monospace;    color : #c60;    background: transparent;  border-bottom: dotted 1px #c60;   cursor: help;}blockquote {   font : 11px/18px georgia, palatino, serif;;    color : #630;    background-color : #fff;    margin-right : 15px;    margin-bottom : 10px;    margin-left : 15px; }B {   font-weight : bold;    color: #999;   background: transparent;}A:link {   font-weight : bold;    text-decoration : none; }A:visited {   font-weight : bold;    text-decoration : none; }A:hover {   color : #f60;   background-color : #fff;     text-decoration : underline; }A:active {   font-weight : bold;    text-decoration : underline overline; }.out {   font : 12px georgia, palatino, serif;; }.mousetype {   font : 0.8em georgia, palatino, serif; }.main {   font : 11px/18px georgia, palatino, serif;;    margin-bottom : 10px; }.butt {   font: 10px geneva, verdana, arial, sans-serif;    color: #fff;    background: #f60;    margin: 0;   padding: 0 2px;}#right	{	font: 9px verdana, geneva, sans-serif;	background: #fff;	color: #666;	}#right dt	{	font: normal 9px verdana, geneva, sans-serif;	background: #fff;	color: #666;	}#right dd	{	font: 9px/15px verdana, geneva, sans-serif;	background: #fff;	color: #666;	margin-left: 1.5em;	}.bestbits {	font: 9px verdana, geneva, sans-serif;	background: #fff;	color: #666;    margin-bottom : 10px; }address {   font : normal 9px/1.5em verdana, geneva, sans-serif; 	background: #fff;	color: #666;   margin-top : 9px;    margin-bottom : 10px; }#right a	{	text-decoration:	none;	font-weight:	normal;	border-bottom: 1px dotted #f93;	}#right a:link	{	text-decoration: none;	border-bottom: 1px dotted #f93;	color: #f93;	background: #fff;	}#right a:visited	{	text-decoration: none;	color: #f93;	background: #fff;	border-bottom: 1px dotted #f93;	}#right a:hover	{	border-bottom: 1px dotted #ffc;	color: #c30;	background: #fff;	text-decoration: none;	}#right a:active	{	border-bottom: 1px dotted #f60;	color: #f60;	background: #fff;	text-decoration: none;	}</style><style type="text/css">/* img {	display: block;	} */.inline {	display: inline;	}strong {   font-weight : bold; }pre {   font : x-small monaco, "andale mono", courier, "courier new", sans-serif;    color : black;    background-color : #fff;    margin-right : 30px;    margin-bottom : 10px;    margin-left : 30px; }p, .main {   font : small/1.5em palatino, georgia, times, serif;    margin-top : 0; }OL, LI {   font : 12px/1.5em palatino, georgia, times, serif;   margin-top : 0; }dl {	margin-top: 0;	margin-bottom: 15px;	}dt {	font: 10px/15px geneva, verdana, sans-serif;	}dd {	font: 10px/15px geneva, verdana, sans-serif;	}h4 {   font : bold 12px verdana, helvetica, sans-serif;    color : #f60;    background-color : #fff;    margin-top : 1px;    margin-bottom : 10px;    margin-left : 30px; }h2	{	color: #000;	background: transparent;	font: bold small georgia, palatino, sans-serif;	margin-top : 1em;   	margin-bottom : 0; 	}h1 {   font : bold 22px verdana, helvetica, arial, sans-serif;    color : #f60;    background-color : #fff;    margin-top : 2px;    margin-bottom : 0; }code {   font : small monospace;    color : #c60;    background: transparent;  border-bottom: dotted 1px #c60;   cursor: help;}body {   background : #c30 url(/porky/geoharrison.gif) no-repeat fixed 0% 0%;    margin : 0;    padding: 0;   color: black;}blockquote {   font : 12px/1.5em palatino, georgia, times, serif;   color : #663300;    background-color : #fff;    margin-right : 15px;    margin-bottom : 10px;    margin-left : 15px; }B {   font-weight : bold;   color: #999;   background: transparent; }A:link {   font-weight : bold;    text-decoration : none; }A:visited {   font-weight : bold;    text-decoration : none; }A:hover {   color : #ff6600;   background-color : #fff;     text-decoration : underline; }A:active {   font-weight : bold;    text-decoration : underline overline; }.butt, .butt2 {   font: 10px geneva, arial, sans-serif;    color: #fff;    background: #f60;    margin: 0;   padding: 0 2px;}#right	{	font: x-small verdana, geneva, sans-serif;	background: #fff;	color: #666;	}#right dt	{	font: normal x-small verdana, geneva, sans-serif;	background: #fff;	color: #666;	}#right dd	{	font: x-small/1.5em verdana, geneva, sans-serif;	background: #fff;	color: #666;	margin-left: 1.5em;	}.bestbits {	font: x-small verdana, geneva, sans-serif;	background: #fff;	color: #666;    margin-bottom : 10px; }address {   font : normal x-small/1.5em verdana, geneva, sans-serif; 	background: #fff;	color: #666;   margin-top : x-small;    margin-bottom : 10px; }#right a	{	text-decoration:	none;	font-weight:	normal;	border-bottom: 1px dotted #f93;	}#right a:link	{	text-decoration: none;	border-bottom: 1px dotted #f93;	color: #f93;	background: #fff;	}#right a:visited	{	text-decoration: none;	color: #f93;	background: #fff;	border-bottom: 1px dotted #f93;	}#right a:hover	{	border-bottom: 1px dotted #ffc;	color: #c30;	background: #fff;	text-decoration: none;	}#right a:active	{	border-bottom: 1px dotted #f60;	color: #f60;	background: #fff;	text-decoration: none;	}</style><style type="text/css">/* img {	display: block;	} */.inline {	display: inline;	}strong {   font-weight : bold; }pre {   font : 10px monaco, "andale mono", courier, "courier new", sans-serif;    color : black;    background-color : #fff;    margin-right : 30px;    margin-bottom : 10px;    margin-left : 30px; }p {   font : 11px/18px verdana, arial, helvetica, sans-serif;    margin-top : 0; }ol {   font : 11px/18px verdana, arial, helvetica, sans-serif;    margin-top : 0; }li {   font : 11px/18px verdana, arial, helvetica, sans-serif;    margin-top : 0; }dl {	margin-top: 0;	margin-bottom: 15px;	}	dt {	font: 10px/15px geneva, verdana, sans-serif;	}	dd {	font: 10px/15px geneva, verdana, sans-serif;	}	h4 {   font : bold 12px verdana, helvetica, sans-serif;    color : #f60;    background-color : #fff;    margin-top : 1px;    margin-bottom : 10px;    margin-left : 30px; }h2 {   font : bold 11px verdana, arial, helvetica, sans-serif;    color : #000;    background-color : #fff;    margin-top : 10px;    margin-bottom : 0; }h1 {   font : bold 22px verdana, helvetica, arial, sans-serif;    color : #f60;    background-color : #fff;    margin-top : 2px;    margin-bottom : 0; }code {   font : 10px monaco, monospace;    color : #630;    background-color : #ffffff; }body {   background : #c30 url(/porky/sideswipe.gif) repeat-y fixed 0% 0%;    margin : 0;    color: black;}blockquote {   font : 11px/18px verdana, arial, helvetica, sans-serif;    color : #663300;    background-color : #fff;    margin-right : 15px;    margin-bottom : 10px;    margin-left : 15px; }B {   font-weight : bold; }A:link {   font-weight : bold;    text-decoration : none; }A:visited {   font-weight : bold;    text-decoration : none; }A:hover {   color : #f60;   background-color : #fff;     text-decoration : underline; }A:active {   font-weight : bold;    text-decoration : underline overline; }.out {   font : 12px verdana, arial, helvetica, sans-serif; }.mousetype {   font : 0.8em geneva, arial, sans-serif; }.main {   font : 11px/18px verdana, arial, helvetica, sans-serif;    margin-bottom : 10px; }.butt {   font: 10px geneva, arial, sans-serif;    color: #fff;    background: #f60;    margin: 0;   padding: 0 2px;}#right	{	font: 9px verdana, geneva, sans-serif;	background: #fff;	color: #666;	}#right dt	{	font: normal 9px verdana, geneva, sans-serif;	background: #fff;	color: #666;	}#right dd	{	font: 9px/15px verdana, geneva, sans-serif;	background: #fff;	color: #666;	margin-left: 1.5em;	}.bestbits {	font: 9px verdana, geneva, sans-serif;	background: #fff;	color: #666;    margin-bottom : 10px; }address {   font : normal 9px/1.5em verdana, geneva, sans-serif; 	background: #fff;	color: #666;   margin-top : 9px;    margin-bottom : 10px; }#right a	{	text-decoration:	none;	font-weight:	normal;	border-bottom: 1px dotted #f93;	}#right a:link	{	text-decoration: none;	border-bottom: 1px dotted #f93;	color: #f93;	background: #fff;	}#right a:visited	{	text-decoration: none;	color: #f93;	background: #fff;	border-bottom: 1px dotted #f93;	}#right a:hover	{	border-bottom: 1px dotted #ffc;	color: #c30;	background: #fff;	text-decoration: none;	}#right a:active	{	border-bottom: 1px dotted #f60;	color: #f60;	background: #fff;	text-decoration: none;	}</style><style type="text/css" media="all">.shtunk {	padding: 5px; 	margin: 0 0 10px 0; 	color: #333; 	background: #fff; 	border: 1px dotted #333;	}.hidden {display: none;}</style><style type="text/css"><!--#left p {	width: 400px;	}	#left li {	width: 400px;	}--></style><script language="JavaScript" type="text/javascript" src="/scripts/daily.js"></script>    <meta http-equiv="Content-Type"    content="text/html; charset=ISO-8859-1" />    <meta http-equiv="pragma" content="no-cache" />    <meta name="ROBOTS" content="ALL" />    <meta name="MSSmartTagsPreventParsing" content="true" />    <meta name="DESCRIPTION"    content="Web design information and entertainment since 1995. The Daily Report, part of a complete zeldman.com breakfast." />    <meta name="KEYWORDS"    content="web, site, graphic, design, entertainment, tutorials, icons, a, list, apart, taking, your, talent, the, jeffrey, zeldman, happy, cog, studios, new, riders, w3c, standards, project, independents, day, independent, content, producer, refuses, to, die" />    <meta name="AUTHOR"    content="Jeffrey Zeldman for www.zeldman.com. Allow us to write zeldman one more time. See also happycog.com and alistapart.com." />  </head>  <body onload="preloadImages();window.defaultStatus='Jeffrey Zeldman Presents. Entertainment, free graphics, and web design tips since 1995.'"   bgcolor="#cc3300" link="#cc3300" vlink="#cc3300" text="#000000"  alink="#ff9900"><!-- Some markup semantically degraded to facilitate old browsers. -->  <br />  <a id="top" name="top">&nbsp;</a>     <br />   <!-- Here be the black outline. This will go away soon. -->     <table align="center" width="80%" border="0" cellspacing="0" cellpadding="1">    <tr>      <td bgcolor="#000000"><!-- Here be the inner table. -->        <table align="center" width="100%" border="0"        cellspacing="1" cellpadding="20">          <tr>            <td bgcolor="#ffffff" width="70%" valign="top" id="left"><!-- Begin menu -->            <table border="0" cellpadding="0" cellspacing="0">              <tr>                <td bgcolor="#ff6600">                  <a href="/glamorous/"                  onmouseover="window.status='MY GLAMOROUS LIFE: Tragicomic fodder from the life of Zeldman.'; changeImages('glam', '/fifi/glamover.gif'); return true;"                   onmouseout="window.status=''; changeImages('glam', '/fifi/glam.gif'); return true;">                  <img name="glam" src="/fifi/glam.gif" width="100"                  height="16" border="0"                  alt="MY GLAMOROUS LIFE: Tragicomic fodder from the life of Zeldman." />                  </a>                </td>                <td bgcolor="#ff6600">                  <a href="http://www.alistapart.com/"                  target="eljefe"                  onmouseover="window.status='A LIST APART: Design, code, content. For people who make websites.'; changeImages('ala', '/fifi/alaover.gif'); return true;"                   onmouseout="window.status=''; changeImages('ala', '/fifi/ala.gif'); return true;">                  <img name="ala" src="/fifi/ala.gif" width="100"                  height="16" border="0"                  alt="A LIST APART: Design, code, content. For people who make websites." />                  </a>                </td>                <td bgcolor="#ff6600">                  <a href="/misc.html"                  onmouseover="window.status='LES MISC: Articles, essays, and miscellanies.'; changeImages('misc', '/fifi/miscover.gif'); return true;"                   onmouseout="window.status=''; changeImages('misc', '/fifi/misc.gif'); return true;">                  <img name="misc" src="/fifi/misc.gif" width="101"                  height="16" border="0"                  alt="LES MISC: Articles, essays, and miscellanies." />                  </a>                </td>                <td bgcolor="#ff6600">                  <a href="/talent/"                  onmouseover="window.status='TAKING YOUR TALENT TO THE WEB: A Guide for the Transitioning Designer.'; changeImages('talent', '/fifi/talentover.gif'); return true;"                   onmouseout="window.status=''; changeImages('talent', '/fifi/talent.gif'); return true;">                  <img name="talent" src="/fifi/talent.gif"                  width="99" height="16" border="0"                  alt="TAKING YOUR TALENT TO THE WEB: A Guide for the Transitioning Designer." />                  </a>                </td>              </tr>              <tr>                <td colspan="4" bgcolor="#ff6600">                  <a href="/coming.html"  tabindex="1"                  onmouseover="window.status='DAILY REPORT: Web design news for your pleasure.'; changeImages('daily', '/fifi/dailyover.gif'); return true;"                   onmouseout="window.status=''; changeImages('daily', '/fifi/daily.gif'); return true;"                   title="DAILY REPORT: Web design news for your pleasure. Since 1995.">                  <img name="daily" src="/fifi/daily.gif"                  width="400" height="55" border="0"                  alt="DAILY REPORT: Web design news for your pleasure." />                  </a>                </td>              </tr>              <tr>                <td bgcolor="#ff6600">                  <a href="/steal.html"                  onmouseover="window.status='STEAL THESE GRAPHICS: Free art for your desktop or personal site.'; changeImages('steal', '/fifi/stealover.gif'); return true;"                   onmouseout="window.status=''; changeImages('steal', '/fifi/steal.gif'); return true;">                  <img name="steal" src="/fifi/steal.gif"                  width="100" height="13" border="0"                  alt="STEAL THESE GRAPHICS: Free art for your desktop or personal site." />                  </a>                </td>                <td bgcolor="#ff6600">                  <a href="/funhouse.html"                  onmouseover="window.status='FUN HOUSE: Entertainment for you.'; changeImages('funhouse', '/fifi/funhouseover.gif'); return true;"                   onmouseout="window.status=''; changeImages('funhouse', '/fifi/funhouse.gif'); return true;">                  <img name="funhouse" src="/fifi/funhouse.gif"                  width="100" height="13" border="0"                  alt="FUN HOUSE: Entertainment for you." />                  </a>                </td>                <td bgcolor="#ff6600">                  <a href="/askdrweb/"                  onmouseover="window.status='ASK DR WEB: Tips for web designers.'; changeImages('drweb', '/fifi/drwebover.gif'); return true;"                   onmouseout="window.status=''; changeImages('drweb', '/fifi/drweb.gif'); return true;">                  <img name="drweb" src="/fifi/drweb.gif"                  width="101" height="13" border="0"                  alt="ASK DR WEB: Tips for web designers. Since 1995." />                  </a>                </td>                <td bgcolor="#ff6600">                  <a href="/15/"                  onmouseover="window.status='15 MINUTES: Interviews with movie stars and cyberstars, 1996-1999.'; changeImages('fifteen', '/fifi/fifteenover.gif'); return true;"                   onmouseout="window.status=''; changeImages('fifteen', '/fifi/fifteen.gif'); return true;">                  <img name="fifteen" src="/fifi/fifteen.gif"                  width="99" height="13" border="0"                  alt="15 MINUTES: Interviews with movie stars and cyberstars, 1996-1999." />                  </a>                </td>              </tr>            </table><!-- End menu --><a href="http://www.happycog.com/" target="eljefe" title="Leap to Happy Cog."><img style="margin: 15px 0 10px 0;" id="hdr" src="/daily/headers/preciptious.jpg" width="400" height="400" border="0" alt="Happy Cog." /></a>              <p>              Current ALA: <a href="http://www.alistapart.com/issues/146/" target="eljefe">Time Management: The Pickle Jar Theory</a>              <br />              Current Relaunch: <a href="http://www.happycog.com/" target="eljefe">Happy Cog Studios</a>              <br />              Recent Glamour: <a href="/glamorous/glamorous71.html">Life During Wartime</a>              <br />		Recent <a href="#" onclick="toggle('essentials');return false;" title="Click to open in situ.">Essentials</a> (clickety-click)</p>			<div id="essentials" style="display:none">			<p><a href="/daily/0502c.html#emz">CSS: The heartbreak of small ems</a> (17 May)		<br /><a href="/daily/0502c.html#detect">Flash Player 6 &amp; broken detection scripts</a> (14 May)<br />		<a href="/daily/0402c.html#dingbats">Dingbats instead of text</a> (18 April)<br />		<a href="/daily/0602a.html#couplaquartz">Antialiasing in OS X browsers</a> (20 June)		</p></div><p class="hidden">Clickable &#8220;Essentials&#8221; feature requires DOM&#8211;compliant browser.</p><p id="snap"><strong>25&#8211;26 June 2002</strong><br /><b>[10 am | 10 am]</b><br />Porter Glendinning sent us this <a href="/daily/pilot.html" target="eljefe">screen capture</a> of webstandards.org as seen in his Palm Pilot. Worth noting: The Web Standards Project is built with XHTML 1.0 Strict. CSS is used for layout. There is no Palm version. There is no  WAP version. Multiple versions are not needed. When you design and build with standards, one document serves all. Thanks, <a href="http://www.serve.com/apg/" target="eljefe">Porter</a>.</p><p>Similarly: Here&#8217;s how The WaSP&#8217;s site looks in Microsoft&#8217;s <a href="http://www.dashes.com/anil/stuff/wasp_ppc.png" target="eljefe">PocketPC</a>. (Thanks, <a href="http://www.dashes.com/anil/" target="eljefe">Anil</a>.) Again, no special version was required or built.</p><p>But wait, there&#8217;s more. Care of <a href="http://www.splorp.com/" target="eljefe">Grant Hutchinson</a>, here&#8217;s the same site on a <a href="http://www.splorp.com/junk/wasp020625.gif" target="eljefe">Newton</a>, Apple&#8217;s long-discontinued predecessor to the Palm Pilot. &#8220;There&#8217;s  nothing like viewing a modern site using a piece-meal browser on a vintage operating system.&#8221;</p> <p>The bad news: even the latest versions of certain off-brand browsers deliver incorrect and incomplete support for CSS, and no support at all for the W3C DOM. Folks who use these browsers will have inferior experiences on sites built with anything beyond HTML table layouts and 1997-era JavaScript. This may not bother you or your clients, but it will certainly distress these users.<br /> &nbsp; &nbsp; &nbsp; &nbsp; Take OmniWeb. Please. As screenshots prepared by <a href="http://www.waferbaby.com/" target="eljefe">Waferbaby</a> show, the newly released <a href="http://www.omnigroup.com/applications/omniweb/" target="eljefe">OmniWeb 4.1</a> fares reasonably well with <a href="/daily/headers/omniman.jpg" target="eljefe">transitional layouts</a> like the one used at zeldman.com. OmniWeb fudges some CSS layouts without impairing usability: <a href="/daily/headers/omnibaby.jpg" target="eljefe">Waferbaby</a>&#8217;s navigation bar explodes on impact, and <a href="/daily/headers/omniapart.jpg" target="eljefe">ALA</a>&#8217;s leading and borders are missing, but both sites can still be read. <br /> &nbsp; &nbsp; &nbsp; &nbsp; The <a href="/daily/headers/omniweb.jpg" target="eljefe">WaSP</a>&#8217;s new site fares worse. Among other woes, its left-side navigation is almost entirely hidden. It may seem odd that a site so friendly to Palm users could prove so troublesome to a fancy-pants graphical browser like OmniWeb, but that&#8217;s how it is when browsers meet a web standard halfway. No CSS is better than incomplete and incorrect CSS. We can only hope that <a href="http://www.omnigroup.com/" target="eljefe">Omni Group</a> will continue to improve its promising but problematic product.</p><p>Likewise, here&#8217;s a <a href="http://www.meyerweb.com/eric/misc/wsp-icab.gif" target="eljefe">snap</a> of webstandards.org in iCab 2.8, a Mac-only browser that claims to offer standards support comparable to that in IE and Opera. (To be fair, iCab&#8217;s has always provided superb support for HTML. Which may not sound like much, but is. It&#8217;s those <em>other</em> standards iCab still needs to work on.) Thanks, <a href="http://www.meyerweb.com/" target="eljefe">Eric</a>. <a href="/daily/0602b.html#snap" title="Permanent link.">:::</a></p><p id="ala146"><strong>23&#8211;24 June 2002</strong><br />In <a href="http://www.alistapart.com/issues/146/" target="eljefe">Issue 146</a> of <a href="http://www.alistapart.com/"                  target="eljefe"                  onmouseover="window.status='A LIST APART: Design, code, content. For people who make websites.'; changeImages('ala', '/fifi/alaover.gif'); return true;"                   onmouseout="window.status=''; changeImages('ala', '/fifi/ala.gif'); return true;">A List Apart</a>, For People Who Make Websites: Time management theories come and go, and we&#8217;re glad when most of them leave. But this one caught our fancy. No charts, no grids, no five syllable words &#8212; just a simple idea that can help you get more done with less stress. New ALA contributing writer Jeremy Wright uncorks the <a href="http://www.alistapart.com/stories/pickle/" target="eljefe">Pickle Jar Theory</a> of Time Management.</p><p><a href="/daily/monkey.html" target="eljefe">Monkey</a>.</p> <p>Stilleye offers <a href="http://www.stilleye.com/scripts/" target="eljefe">scripts</a> you can download and use on your own sites. Includes expanding menus, a pixelated text generator, and a fix for MSIE&#8217;s automatic margin bug.</p><p>Of late we&#8217;ve found ourselves bemusedly contemplating the abstract thoughts and equally abstract layouts of <a href="http://www.grographics.com/webactivism/master.php?layout=chophouse&#38;page=blogger.php" target="eljefe">WebActivism</a>.</p><p><a href="http://www.spazowham.com/" target="eljefe">SDG</a>, a newly launched web agency, has taken WaSP&#8217;s <a href="http://www.webstandards.org/about/" target="eljefe">challenge</a> to heart, and will offer its clients <em>only</em> standards-compliant work. The agency&#8217;s corporate site complies with XHTML 1.0 Transitional, CSS,  and the Section 508 guidelines, and is not a bad looker.</p><p>Recent essentials you may have missed: &#8220;<a href="/daily/0502c.html#detect">Flash Player 6 &amp; broken detection scripts</a>&#8221; covers a problem on numerous Flash-based sites, where old browser detection scripts prevent visitors who&#8217;ve installed the Flash 6 player from viewing Flash content. &#8220;<a href="/daily/0402c.html#dingbats">Dingbats instead of text</a>&#8221; explores an MSIE problem in which text on web pages shows up as visual symbols instead of words. <a href="/daily/0602b.html#ala146" title="Permanent link.">:::</a></p>            <div align="center">              <form action="googoodoll">                <input type="button"  tabindex="6" class="butt"                value="Previous Reports"                onclick="window.location='http://www.zeldman.com/daily/0602a.html';"                onkeypress="window.location='http://www.zeldman.com/daily/0602a.html';"                 onmouseover="window.status='Previous Daily Reports.'; return true;"                 onmouseout="window.status='';return true;" />              </form>            </div>            </td><!-- End of main content. Begin right-side sub-nav. -->            <td width="30%" valign="top" bgcolor="#ffffff" id="right">            <div class="bestbits">ISSN: 1534-0309</div>            <div class="hidden">This site may be viewed in any            browser or Internet device, but looks best in one that            complies with             <a href="http://www.webstandards.org/upgrade/"            target="eljefe"            onmouseover="status='Upgrade your browser for better web viewing.'; return true;"             onmouseout="status=''; return true;">web standards</a>.</div>            <dl>              <dt>Daily Divisions:</dt>              <dd>                <a href="/worldtour.html"                onmouseover="window.status='WORLD TOUR: Public appearances.'; return true;"                 onmouseout="window.status=''; return true;"                title="WORLD TOUR: Public appearances.">                World Tour</a>              </dd>              <dd>                <a href="/interviews.html"                onmouseover="window.status='INTERVIEWS. Selected Zeldman interviews online.'; return true;"                 onmouseout="window.status=''; return true;"                title="INTERVIEWS. Selected Zeldman interviews online.">                Interviews</a>              </dd>              <dd>                <a href="/zlink.html"                onmouseover="window.status='LINKER&#8217;S DELIGHT: Banners for your pleasure.'; return true;"                 onmouseout="window.status=''; return true;"                title="LINKER&#8217;S DELIGHT: Banners for your pleasure.">                Link Up</a>              </dd>              <dd>                <a href="/about.html"                title="ABOUT: What is the Daily Report?"                onmouseover="window.status='ABOUT: What is the Daily Report?'; return true"                 onmouseout="window.status='' ; return true;">About</a>              </dd>              <dd>                <a href="/daily/faq.html"                title="FAQ: Vital info. Read before you write to us."                onmouseover="window.status='FAQ: Vital info. Read before you write to us.'; return true"                 onmouseout="window.status='' ; return true;">F A Q</a>              </dd>              <dd>                <a href="/daily/mail.html"                title="MAIL: Write to us."                onmouseover="window.status='MAIL: Write to us.'; return true"                 onmouseout="window.status='' ; return true;">Mail</a>              </dd>              <dd>                <a href="/exit/"                title="EXIT: The way out."                 onmouseover="window.status='EXIT: The way out.'; return true"                 onmouseout="window.status='' ; return true;">Exit</a>              </dd>              <dd>                <a href="/talent/bio.html"                title="BIO: About the author.">                Bio</a>              </dd>            </dl>            <div class="shtunk"><p class="bestbits" style="margin-top: 0; margin-bottom: 0; line-height: 1.3em;">Jakob Nielsen Corner:</p>              <form action="baby" style="margin: 3px 0 0 0;">                <input type="button"  tabindex="2" class="butt" value="Skin1"                onclick="setActiveStyleSheet('default'); return false;" onkeypress="setActiveStyleSheet('default'); return false;" />              </form>              <form action="daddy" style="margin: 3px 0 0 0;">                <input type="button"  tabindex="3" class="butt" value="Skin2"                onclick="setActiveStyleSheet('bigtype'); return false;" onkeypress="setActiveStyleSheet('bigtype'); return false;" />              </form>              <form action="oscar" style="margin: 3px 0 0 0;">                <input type="button" class="butt" value="Skin3"                onclick="setActiveStyleSheet('classic'); return false;" onkeypress="setActiveStyleSheet('classic'); return false;" />              </form>              <p class="hidden">Buttons above require              DOM&#8211;compliant browser.</p><!-- Atomz Search HTML for Zeldman -->              <form method="get"              action="http://search.atomz.com/search/"              style="margin: 5px 0 5px 0;">              <input size="15"  tabindex="4" name="sp-q"              style="margin-bottom: 3px;"              title="Type your search terms here." />              <br />              <input type="submit" value="Search" class="butt"  tabindex="5"               title="Like it says. Note, contents may have shifted during handling." />                             <input type="hidden" name="sp-a"              value="sp1001b2df" />              </form>            </div><!--             <dl>              <dt>Buy it, already:</dt>              <dd>                <a href="/talent/"                onmouseover="window.status='TAKING YOUR TALENT TO THE WEB: A Guide for the Transitioning Designer.'; changeImages('talent', '/fifi/talentover.gif'); return true;"                 onmouseout="window.status=''; changeImages('talent', '/fifi/talent.gif'); return true;"                 title="Taking Your Talent to the Web: A Guide for the Transitioning Designer.">                Taking Your Talent to the Web</a>              </dd>            </dl>	--><a href="http://www.istockphoto.com/contest_info.php?id=1" target="eljefe"><img src="/daily/headers/ishirt.gif" width="144" height="54" border="0" alt="iStockphoto T-Shirt Design Contest" title="iStockphoto T-Shirt Design Contest" /></a><dl><dt>Designing With Web Standards:</dt><dd><a href="http://www.nypl.org/styleguide/" target="eljefe" title="An easy XHTML and CSS tutorial.">XHTML/CSS Style Guide</a> (NYPL)</dd><dd><a href="http://www.alistapart.com/stories/betterliving/" target="eljefe" title="Converting to XHTML and fixing browser problems.">Better Living Through XHTML</a> (ALA)</dd><dd><a href="http://www.alistapart.com/issues/142/" target="eljefe" title="When bad things happen to good markup (and how to fix your site.)">Fix Your Site With the Right DOCTYPE</a> (ALA)</dd>	</dl><dl><dt>Recent Interview:</dt><dd><a href="http://www.webmasterbase.com/article/750/" target="eljefe">SitePoint</a></dd></dl>     <!-- <dl><dt>Recent Spew:</dt><dd><a href="http://www.pdnonline.com/pix/column/zeld120501.html" target="eljefe" title="Things aren&#8217;t as bad as they seem. Hell, some people are even working.">Alley of the Shadow</a> (PDN&#8211;Pix)</dd></dl>       <dl>              <dt>Recent Launch:</dt>              <dd>              <a              href="http://charlottegraymovie.warnerbros.com/cmp/main.html"               target="eljefe"              title="Cate Blanchett in a film by Gillian Armstrong.">              Charlotte Gray</a>               (Warner Bros.)</dd>            </dl>	-->            <dl>              <dt>The Classics:</dt>              <dd>              <a              href="http://www.adobe.com/web/features/zeldman20000821/main.html"               target="eljefe"              title="When graphic design becomes a fetish.">              Style vs. Design</a>               (Adobe)</dd>              <dd>              <a href="/old/orson.html"              title="Citizen Kane dot com.">If the Great Movies Had Been Websites</a>               </dd>            </dl>            <dl>              <dt>Other Works:</dt>              <dd>                <a href="http://www.alistapart.com/"                  target="eljefe"                  onmouseover="window.status='A LIST APART: Design, code, content. For people who make websites.'; changeImages('ala', '/fifi/alaover.gif'); return true;"                   onmouseout="window.status=''; changeImages('ala', '/fifi/ala.gif'); return true;">                A List Apart</a>              </dd>              <dd>                <a href="http://www.happycog.com/" target="eljefe"                title="Happy Cog Studios. Web design, consulting, and publishing.">                Happy Cog</a>              </dd>              <dd>                <a href="http://www.independentsday.org/"                target="eljefe"                title="Independent sites, the heart of the web.">Independents                Day</a>              </dd>              <dd>                <a href="http://www.webstandards.org/"                title="The Web Standards Project. Fighting for Standards on the Web. | www.webstandards.org."                 target="eljefe">Web Standards Project</a>              </dd>            </dl><dl><dt>Rotating Affiliates:</dt><dd><a href="http://www.the5k.org/" target="eljefe" title="Think small.">5k</a></dd><dd><a href="http://www.digital-web.com/" target="eljefe" title="&#8216;The web designer&#8217;s online magazine of choice.&#8217;">Digital Web</a></dd><dd><a href="http://www.istockphoto.com/" target="eljefe" title="Free photography for your design projects.">iStockphoto</a></dd><dd><a href="http://www.k10k.net/" target="eljefe" title="Design content and news.">K10k</a></dd><dd><a href="http://www.netdiver.net/whatsnew.php" target="eljefe" title="Design content and news.">NetDiver</a></dd><dd><a href="http://www.newriders.com/" target="eljefe" title="Publishing &#8220;voices that matter.&#8221;">New Riders</a></dd><dd><a href="http://www.pixelsurgeon.com/news/" target="eljefe" title="Design content and news.">Pixelsurgeon</a></dd></dl><!--begin i2k code for http://www.zeldman.com--><script type="text/javascript"><!--//function goI2k() {var i2k=window.open('','i2k','resizable=yes,scrollbars=yes,status=yes,menubar=yes,toolbars=no,width=680,height=460,left=0,top=0');}//--></script>                         <form action="http://coolstop.com/coolbin/i2k/i2k.cgi"            target="i2k" method="post" onsubmit="goI2k()">              <input type="hidden" name="member" value="zeldman" />              <input type="submit" value="i2k" class="butt"              title="A network of independent sites on the web. Push the button, Frank." />            </form><!--end i2k code for http://www.zeldman.com-->            <a href="http://www.independentsday.org/"            title="Celebrating independent content and design."            target="eljefe">              <img style="border-bottom: 1px dotted #fff;"              src="/independentsday/buttons/id_ani_redtitle_88x31.gif"               width="88" height="31" border="0"              alt="Celebrating independent content and design." />            </a>             </td>          </tr>          <tr>            <td bgcolor="#ffffff" colspan="2" id="bottom">            <a href="/coming.html#top"  tabindex="7"            onmouseover="window.status='The author and his opinions.'; changeImages('coming', '/glareon.gif'); return true;"             onmouseout="window.status=''; changeImages('coming', '/z4sooz.gif'); return true;">              <img name="coming" src="/z4sooz.gif" width="71"              height="33" hspace="10" vspace="10" align="left"              border="0" alt="The author and his opinions." />            </a>                         <address>Over             <img class="inline"            src="http://www.inch.com/cgi-bin/Count.cgi?ft=0&amp;frgb=000000&amp;dd=E&amp;pad=0&amp;df=jeffz"             height="9" width="48" hspace="1" alt="[counter]" />             served! &nbsp; Copyright &copy; 1995&#8211;2002   <a href="/coming.html#top" onmouseover="window.status='The author and his opinions.'; changeImages('coming', '/glareon.gif'); return true;"             onmouseout="window.status=''; changeImages('coming', '/z4sooz.gif'); return true;">            Jeffrey Zeldman Presents</a>.            <br />                         <a href="http://validator.w3.org/check/referer"            target="eljefe">XHTML</a>, <a            href="http://jigsaw.w3.org/css-validator/check/referer"            target="eljefe">CSS</a>, <a href="http://bobby.cast.org/bobby/bobbyServlet?URL=http%3A%2F%2Fwww.zeldman.com%2Fcoming.html&#38;output=Submit&#38;gl=sec508" target="eljefe">508</a>. &nbsp;Reset bookmarks to             <a href="http://www.zeldman.com/"            onmouseover="window.status='Keep circulating the url.'; return true;"             onmouseout="window.status=''; return true;"            title="Keep circulating the url.">www.zeldman.com</a>. Ahead Warp Speed.</address>            </td>          </tr>        </table><!--Below ends the outermost table-->      </td>    </tr>  </table><!-- The nonsense below allows visitors with tall monitors to scroll down to low-placed anchors. The two LINE BREAKS are for non-css browsers. -->  <div style="height: 450px;">    <br />    <br />  </div>  </body></html>