[thelist] Browser check - Martin's 2 cents...
Martin E
espmartin at hotmail.com
Wed Jan 28 13:37:47 CST 2004
Hello Russell,
Please forgive me if this has already been covered. I've been out a few days due to a hernia :~/
A great tool you can install onto your PC to validate your code pages is "CSE HTML Validator Lite v3.5" (http://www.htmlvalidator.com/lite/litediscountstd.html). They also have a pro tool, "CSE HTML Validator Pro v6.0".
Of course, for free is the W3C Validators:
1. (X)HTML: http://validator.w3.org:8001/
2. CSS: http://jigsaw.w3.org/css-validator/
Both sites have validation via URI, textarea, or file upload. I also suggest using the "Extended Interface" option.
A. From seeing your site, firstly, you have a JavaScript comment showing on your page (* Switch Menu script- ...) because of the comment not included in your <script type="text/javascript"> declaration (it sits before it in your markup, just below the ending </style> tag. Secondly, take a closer look at your syntax. You have two <body> <body> tags on your page. While this does not "break" the page, the correct use of tags will greatly help in validation, as well as teaching you to become a better (great!) "marksman"!!!
B. You can go with a HTML 4.0 DOCTYPE on your page (if you are unfamiliar with XHTML, and need a bit of reading time: http://www.w3.org/TR/xhtml1/), or do read (eat it) up on the XHTML spec - and go for it with your XHTML DOCTYPE!
A brief XHTML example:
Current markup:
<div id="header"><img src="images/foxhuntingworldfoxF28541.gif" width="700" height="100" alt="" border="0" align="">
</div>
Should be:
CSS:
#header {
text-align: center; /* or left | right | justify */
}
#header img {
width: 700px;
height: 100px;
border: 0;
}
<div id="header">
<img src="images/foxhuntingworldfoxF28541.gif" alt="Fox Hounting World" /> <!-- let css handle ALL presentation aspects of page -->
</div>
Or better yet - text-replacement! :
#header {
text-align: center; /* or left | right | justify */
}
#header div {
width: 80px;
height: 15px;
border: 0;
background: transparent url("images/foxhuntingworldfoxF28541.gif") no-repeat;
color: #000;
}
<div id="header">
<div title="Fox Hounting World"> </div>
</div>
HTH,
Martin E.
----- Original Message -----
From: Hassan Schroeder
To: thelist at lists.evolt.org
Sent: Tuesday, January 27, 2004 9:34 AM
Subject: Re: [thelist] Browser check
Russell Griechen wrote:
> It now has a Strict DocType
>
> How is that?
No columns (or apparent other styling) in Moz 1.4/Win, or any of
{IE5.2,Safari,Firebird}/Mac...
I agree with the suggestion to correct the errors the W3C validator
is showing, and take it from there...
--
Hassan Schroeder ----------------------------- hassan at webtuitive.com
Webtuitive Design === (+1) 408-938-0567 === http://webtuitive.com
dream. code.
--
* * Please support the community that supports you. * *
http://evolt.org/help_support_evolt/
For unsubscribe and other options, including the Tip Harvester
and archives of thelist go to: http://lists.evolt.org
Workers of the Web, evolt !
More information about the thelist
mailing list