The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#11
|
||||
|
||||
Quote:
Let me use the site listed in your signature as an example. http://www.gtwebhost.com -- I'm assuming that's your website, correct? I put it into the W3C validator. It validates. Congratuations! But that doesn't mean it's coded properly, nor does it guarantee it'll render properly in all browsers. Let's see... not commenting at your website's visual rendering but only at the source code itself, I found the following problems: * Excessively nested <DIV> tags. You don't need 3 layers of <DIV> tags, 1 nested table, and another layer of <DIV> tags just to display your main navigation links. * Tables not used for tabular data. The point of tables is to show tabular data. Not for layout. While your tables do validate because you've provided a summary attribute, you are using them improperly in a fashion not recommended by W3C (the organization and standards body behind your all-so-mighty XHTML Validator) * Using ID's and Class names that are not descriptive of the content. Another recommendation made by W3C and adopted by designers worldwide. * Inline tag-level stylesheet declarations. Again, not only bad coding, but also recommendations by the W3C. If you are going to be making tag-level stylesheet declarations, you're better off assigning either an ID and a Class (or both, and use the ID as a modifier of the class). Code:
<div align="center"> <div class="page" style="width:740px; text-align:left"> <div style="padding:0px 10px 0px 10px"> <table summary="header area containing site logo/slogan and important links" cellpadding="0" cellspacing="0" border="0" width="100%" align="center"> <tr> <td> <div class="nobgcolor"><h1><a href="index.php?"><img src="/images/misc/gtweblogo.gif" border="0" alt="gtwebhost - web hosting and web design, vineland nj" width="190" height="29" /></a></h1></div><div title="web hosting vineland nj, web design vineland nj">Web Hosting Solutions for Business Professionals.</div></td> These are just a few of the problems I found after taking a quick glance at the source code. I'm not trying to belittle your website or your skills--I am simply trying to point out that there is more to good web design and coding than simply validation. There are many elements that contribute to "good coding", and proper validation is only one of them. Quote:
However, being standards-compliant definitively does NOT mean your page will look the same in all browsers. There are rendering bugs in just about every major browser out there, which will affect how your final page will look. Also, it's important to remember that the W3C validator only checks up on your XHTML markup. It doesn't check your linked stylesheets. Depending on your CSS, even the best-coded XHTML page can be broken in all the major browsers. And if you REALLY want to get nit-picky, your DOCTYPE is XHTML Transitional. It is recommended by the W3C as a solution for transitioning between old-school HTML and modern standards. Under XHTML Strict (which, in today's world, is a very suitable doctype to use), your site would not render properly at all, since attributes such as "align", "border", "width", etc. have all been deprecated. |
Thread Tools | |
Display Modes | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|