RE: Websites without tables

by "David Shaver" <dashaver(at)insightbb.com>

 Date:  Thu, 18 Mar 2004 13:49:14 -0600
 To:  <hwg-techniques(at)hwg.org>
 In-Reply-To:  awebresource
  todo: View Thread, Original
Yes I did some tweaking after I sent this. I added margin properties of
.5em on all sides and some how that helped quite a bit. Thanks for the
ideas they will be used in future especially  the lists for menus. That
is also a very good idea about putting menus at the bottom. I have from
time to time used the Lynx viewer at
http://www.delorie.com/web/lynxview.html and the menu is always the
first thing you see.

D. A. Shaver
DaShaver Graphics & Web Design
309.343.0027
1993 Baird Avenue
PO Box 594 Galesburg, IL 61402-0594
www.dashaver.com



-----Original Message-----
From: owner-hwg-techniques(at)hwg.org [mailto:owner-hwg-techniques(at)hwg.org]
On Behalf Of Tenley Shewmake
Sent: Wednesday, March 17, 2004 3:47 PM
To: hwg-techniques(at)hwg.org
Subject: Re: Websites without tables


Hi David,

Screenshot - Netscape 7.1
http://www.awebresource.com/client/images/knoxcoscreenshot.jpg

Looks ok to me, could use some spacial tweaking, but nothing totally out

of place from what I can see.

Your html page relies heavily on inline styles that (IMHO) sort of 
defeats the purpose of using a stylesheet (separation of presentation 
from content). This also makes it cumbersome for me to really look 
through and see what's going on - as there are a lot of divs. You have:

<.div
  STYLE="
position:absolute; left:13px; top:110px;background-color:#FFFFFF; width:

132px; height: 26px">
   <.p
  CLASS="side_menu"><a href="index.php">Home</a></p>

</div>
<.div
  STYLE="
position:absolute; left:13px; top:152px;background-color:#FFFFFF; width:

132px; height: 26px">
   <.p
  CLASS="side_menu"><a href="employment.php">Employment</a></p>
</div>
<.div
  STYLE="
position:absolute; left:13px; top:196px;background-color:#FFFFFF; width:

132px; height: 26px">
   <.p
  CLASS="side_menu"><a href="manufacturing.php">Manufacturing</a></p>
</div>

Something more like:

<.div class="link1>
   <.p CLASS="side_menu"><a href="employment.php">Employment</a></div>
<.div class="link2">
   <.p CLASS="side_menu"><a 
href="manufacturing.php">Manufacturing</a></p></div>

would make it easier to update and tweak the code. And, as long as I'm 
in the 2 cents mode - since your links are all placed with absolute 
positioning, it would be possible to have them at the end of thr html 
page, leaving the page content easier to find and update, and helping 
search engines find the content better. hth,

Tenley

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA

This page is part of a preserved archive of archives.hwg.org. The site is no longer active and its content is not maintained. For enquiries about this archive, write to archive(at)iwanet.org.