[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">&nbsp;</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