vBulletin TutorialsDiscuss Coding vBulletin To Web Standards in the Community Forum Management forums; Who Defines Web Standards?
--------------------------------------------------
The World Wide Web Consortium (W3C) is an international consortium where member organizations, a full-time staff and the public work together to develop standards for ...
Who Defines Web Standards? --------------------------------------------------
The World Wide Web Consortium (W3C) is an international consortium where member organizations, a full-time staff and the public work together to develop standards for the World Wide Web. W3C's stated mission is "To lead the World Wide Web to its full potential by developing protocols and guidelines that ensure long-term growth for the Web."
How Does This Involve Your vBulletin Forum? --------------------------------------------------
vBulletin comes by default as XHTML 1.0 Transitional. Whenever you do modifications to your forum you want to keep in mind that you should adhear to atleast XHTML 1.0 Transitional standards.
What Are Common Mistakes Between HTML 4.0 and XHTML 1.0? --------------------------------------------------
Some of the biggest mistakes I see people making are not properly closing tags.
Here are a few examples: Non XHTML 1.0 Compliant
Code:
<br>
XHTML 1.0 Compliant
Code:
<br />
Non XHTML 1.0 Compliant
Code:
<img src="imagelocation.jpg">
XHTML 1.0 Compliant
Code:
<img src="imagelocation.jpg" alt="Description of image" />
Non XHTML 1.0 Compliant
Code:
<p>First New Paragraph
<p>Second New Paragraph
XHTML 1.0 Compliant
Code:
<p>First New Paragraph</p>
<p>Second New Paragraph</p>
Non XHTML 1.0 Compliant
Code:
<b><i>A sentence that is both italized and bolded but not closed properly</b></i>
XHTML 1.0 Compliant
Code:
<strong><em>A sentence that is both italized and bolded but not closed properly</em></strong>
Deprecated Code --------------------------------------------------
Deprecated code is code that is no longer supported or recommended for use on XHTML 1.0 webpages.
<center>
The <center> tag is no longer supported as the correct way to center text or elements on your forum. To center in compliance with XHTML 1.0 use the following CSS code:
Code:
text-align: center;
<font>
This is another one that many people still use. Instead of using <font> use css to define font colors. If you want a certain text to be red use css or use the style attribute directly in the code (using a seperate CSS file and then using a class to call it is preferred as a way to keep your page smaller (less code) )
An example on how to make text red using style:
Code:
<span style="color: #910000;">This is red text</span>
<u>
There is really no need to use the underline attribute.
<u>
There is really no need to use the underline attribute.
That would, of course, be up to the web designer and in some instances is a desired markup. It is very easily accomplished with CSS:
Code:
style="text-decoration:underline;"
You can also use other values. The default is none, but you may want to indicate it to prevent hyperlinks from automatically being underlined. Others are overline, line-through and blink (which doesn't work in IE or Opera).
I'd also like to mention that centering may not always work with just text-align:center. You may find it necessary to use:
It's the very first thing I use if I have a problem because 9 times out of 10 it will be faulty code that you're using or something that's just not quite right.
And it will offer advice on how to correct the errors so it doesn't just say what's wrong, it tells you how to fix it too.
Yikes! Just checked my homepage and found it to have 642 Errors and 28 warnings!
Glenn, how do you determine based on "Line" and "Column" where to do the adjustments? And, do you suggest to start from the top or on the warnings or anything in particular?
Yeah the lines and columns are pretty much useless because it thinks the code is all on the one page when in fact, as you know, it's made up of loads of templates.
You just gotta take a snippit of the code that failing and search for it in the templates. Viewing the source of the index page in a browser and doing a CTRL + F to find the faulty code might also give you an idea of which template the code is in.
If you have vBadvanced installed then check all your templates in that category or custom 'adv_portal_' templates that you've created yourself.
I'd say most of the errors are things like not nesting correctly, i.e. forgetting to close a <div> or a <td>, correcting that one mistake can reduce your errors by hundreds.
Mods/hacks written several years ago are other good culprits. Sometimes it's as simple as they've used a capital letter instead of a small letter, i.e. 'onClick' is fine for HTML but you need to change it to 'onclick' for XHTML.
Can anyone help me out here? I'm getting several errors that seem to be in my footer, but since I'm a relative novice in HTML, I can't seem to spot the errors.
I've attached my footer text file and a few of the errors that I keep getting. Can someone take a quick look and give me some pointers?
You need to close the code with a /> instead of a > and there needs to be a space before it. I just checked your disney boards forum and there's a lot of them need correcting.
Some HTML tags are now obsolete in XHTML so I found that if you google the tag and add XHTML after it, i.e. allowtransparency xhtml, it will give you an alternative to use or a way to fix it.
I'm also available for the next 9 hours or so (nightshift) if you need any help.
Glenn, I cleaned up a few of those easier ones like the ones you mentioned. But, I'm still working on stuff. If Michael can't get to it and I'm still working on it (going to have some dinner in a bit) then I'll definitely need your help and I'll post here in this thread
The also give you code which is made up of capital letters and there is no capital letters in XHTML anymore so that flags up all the time. Not that hard to fix though but you'd think that a company like that would have correct code lol.
Linear Mode
