Re: more CSS and tables

On Sunday 06 January 2002 22:43, Kynn Bartlett wrote:
|   At 4:21 PM -0600 1/6/02, Jim Thatcher wrote:
|   >Hi Vadim,
|   >
|   >You referred to www.news.com as an example making your point. Then this
|   > is not the point about CSS for layout, right??  www.news.com is a frame
|   > site whose main frame is http://news.cnet.com. That page seems to me to
|   > use tables for layout in a somewhat typical way. Just for
|   > clarification, what does www.news.com illustrate?
|
|   It illustrates replacing <font> with <span> and CSS.
|

Hi Kynn, Jim!

Kynn: you are right, I was referencing to the fact that C-Net replaced 
(enermous) number of <FONT> tags with <SPAN> and defined font/color 
properties inside CSS stylesheet.

All: At the same time, it seems that C-Net managed to "strike back" (start to 
 use FONT again) from the time when I was looking into their code.
Simple search in html for http://news.cnet.com finds this:
   
<span class="dr"><font color=#333333>0.00</font></span>
(there are 4 <FONT> tags on that page, all used for quotes)
I haven't checked their CSS stylesheet, but most likely it will have 
definition like
 .dr { color: #333333 }

Anyway: front page has just 35K of HTML, while many sites have pages from 60K 
to 150K in size (without images)
Is HTML on http://news.cnet.com broken?
Yes, for sure. It even doesn't validate with http://validator.w3.org
Do they use Tables for layout? Yes, sure.
Do they use CSS? Yes, partially (fonts, colors, etc.)
So, in my opinion, this site is not bad at all - but of course there is a 
HUGE room for improovement there.

And, as I already said: I have somewhere copy of old version of their site. 

Look, for example, at this extract, and compare it to the version of that 
page avilable online today.

<!-- saved from url=(0030)http://www.news.com/index.html -->
<!-- Vignette StoryServer 4 Tue Jan 23 16:33:43 2001 
--><HTML><HEAD><TITLE>Welcome to CNET! - CNET.com</TITLE>
...
<BODY bgColor=#ffffff><!-- -->
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
  <TBODY>
  <TR bgColor=#006633>
    <TD height=20><FONT color=#ffffff face="Arial, Helvetica"
      size=-1><B>&nbsp;&nbsp;Tuesday, January 23</B></FONT></TD>
    <TD align=right noWrap>&nbsp;&nbsp;</TD></TR></TBODY></TABLE>
<TABLE bgColor=#eeeeee border=0 cellPadding=0 cellSpacing=0 width="100%">
  <TBODY>
  <TR align=middle>
    <TD>&nbsp;</TD>
    <TD width=141><IMG height=1 src="news_com - index_files/b.gif"
      width=1><FONT face="ms sans serif, geneva, helvetica" size=-2><IMG
      alt=advertisement height=10 src="news_com - index_files/ad10-dk.gif"
      width=120><BR><A      
href="http://www.news.com/cgi-acc/clickthru.acc?clickid=0000e7af6f1d900500000000&amp;adt=010:10:110&amp;edt=newsfd&amp;cat=1:&amp;site=CN"
      target=_top>Shop B&amp;N.com Today!</A></FONT></TD>
    <TD vAlign=top>
[...]

Today (Jan.7, 2002) - http://news.cnet.com
[...]
<body text="#000000" marginwidth=0 leftmargin=0 rightmargin=0 topmargin=10 
bgcolor=#e5e5e5>
<div align=center>

<table width=750 cellpadding=0 cellspacing=0 border=0>
<tr>
<td width=264 valign=bottom rowspan=6><img 
src=http://a.r.tv.com/cnet.1d/i/hdrs/ne/lhd_a.gif width=264 height=78 
border=0 usemap=#headgif><br></td>
<td align=right height=20 class=f5><a 
href=/frontdoor/0-1.html?tag=hd_ts>CNET</a> tech sites: <a 
href=/shopping/0-1257.html?tag=hd_ts>Price comparisons</a> | <a 
href=/hardware/0-1016.html?tag=hd_ts>Product reviews</a> | <a 
href=/news/0-1002.html?tag=sb>Tech news</a> | <a 
href=/downloads/0-10000.html?tag=hd_ts>Downloads</a> | <a 
href=/sitemap/0-2253447.html?tag=hd_ts>Site map</a></td>
<td width=10 rowspan=2>
[...]

In my opinion, page became much more readable (not sure wether old URL is 
still valed, but all their pages look like more-less the same, as generated 
with Vignette StoryServer.
 
-- 

Vadim Plessky
http://kde2.newmail.ru  (English)
33 Window Decorations and 6 Widget Styles for KDE
http://kde2.newmail.ru/kde_themes.html
KDE mini-Themes
http://kde2.newmail.ru/themes/

Received on Monday, 7 January 2002 05:24:24 UTC