[thelist] Site check

Diane Soini dianesoini at earthlink.net
Sun Aug 8 16:27:18 CDT 2004


On Sunday, August 8, 2004, at 04:13 AM, thelist-request at lists.evolt.org 
wrote:
>
>> Even staying with tables, a more
>> up-to-date use of css (use of descendent selectors, and css instead of
>> spacers for example) could reduce the file-size significantly (+50%).
>
> Do you have any links with information regarding this, I could look at?

Try looking through a lot of the articles on evolt.org and on 
alistapart.com. Also, I would recommend Jeffrey Zelman's Designing with 
Web Standards book. You may not wish to go quite as purist, but he's 
aware of that and gives you places to start to eliminate waste in your 
code.

Here are some examples fro your code, off the top of my head:
<ul class="ul">
	<li class="li-blue"><div class="wrapper">This is a site to distribute 
2 ASP scripts that I have made, which are free to download.</div></li>
...
</ul>

All of your lists have the same classes applied to them. So why not 
define your lists like so in your css:

ul { margin: 0px; padding-left: 17px;list-style-image: 
url(images/li-blue.gif); }
li { margin: 0px; margin-left: -5px; }
Then you need no class attributes at all, and no "wrapper" div on any 
of your list text.

Here's another:
<div class="heading0">ASP Scripts</div>
You should use a standard <h1-6> tag instead. You can style it however 
you need in your css. Since <h1-6 tags are block elements, you can do 
anything you want with them that you would want to do with a <div>.

Here is some code that actually should use list mark-up:
			To set a StartDir folder that is above where the ASP script runs, do 
the following:<br />
			&nbsp;&nbsp;<span class="code">StartDir = "/"</span> to go to root 
level.<br />
			&nbsp;&nbsp;<span class="code">StartDir = "/dir1"</span> to go to 
dir1 directory from the root level.<br /><br />
			&nbsp;&nbsp;<span class="code">StartDir = ".."</span> to go up one 
level from the script.<br />

			&nbsp;&nbsp;<span class="code">StartDir = "../.."</span> to go up 
two levels from the script.<br />
			&nbsp;&nbsp;<span class="code">StartDir = "../../.."</span> to go up 
three levels from the script.<br /><br />
			You will only be allowed to go up as far as where your "Local Path" 
or "Home Directory" are located.
Use the <ul> or <li> tag to indent the list instead of the non-breaking 
spaces.  Try <tt>, <code>, or <samp> tags for inline code. It's shorter 
than <span class="code">.

A little nip and tuck here and there could add up to a lot.

I'm not even going to try figuring out what's going on with a class 
attribute on just about every single table cell element, but I'm pretty 
sure that a lot of what's going on could be done more streamlined.







More information about the thelist mailing list