What's wrong with this?

**Jason_A** · 07-03-2008 07:38 PM

Well, I'm creating a rules page, and everything just seems to be upside down. See this page: Forum Rules - Tech Support Team

Here's the html I am using in a template:

HTML Code:

$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Forum Rules - Tech Support Team</title>
$headinclude
</head>
<body>
$header

$navbar

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
    <td class="tcat" id="top">Tech Support Team Forum Rules</td>
</tr>
<tr>
<td class="alt1">
<div style="width: 80%; margin: 0 auto;">
<p>These rules were created so that we can keep TST a pleasant and helpful place to be. Administrators/Moderators have the final say, there is no point arguing about it -- you will only make things worse for yourself. Instead, <a rel="nofollow" href="/forum/sendmessage.php">Contact Us</a> if you feel a mistake was made. An Administrator/moderator reserves the right to close or delete any thread, post, or signature that we deem unacceptable, regardless whether it violates any of the rules below. Keep in mind that we consider this a "family site", therefore you cannot and should not post any vulgar, abusive, obscene, slanderous, hateful, threatening, sexually-orientated or any other kind of dis-respectful comments. All posts should be suitable for a young viewing audience. Further, as this is a family forum, sometimes our "auto censor" will censor certain words with asterisks (*). In some cases, an admin/moderator may edit your post and censor any word they deem unacceptable for a family site. If this is the case, you will see a "Last edited by username" message at the bottom of your post, with a reason as to why your post was edited. With that said, please keep all posts clean, and appropriate for a young viewing audience.

<b>NOTE:</b> For you to use our site, you agree to adhere to our <a rel="nofollow" href="/forum/legal.html">terms and conditions</a>. </p>

<tr><td valign="center" align="left" bgcolor="#DDEEFF" colspan="2"> <b><font face="arial,helvetica,sans-serif" size="+1"><u>Community Guidelines</u></font></b><br /> <i>Please abide by the below rules. Purposely doing the opposite will result in you being punished some way.</i> </font></td></tr><br />

<ul>

<li><b>Respect the privacy of others.</b> Do not share information about a user without their expressed permission.</li>

<li><b>Each member</b> is entitled to have one and ONLY one account with us. You will need to provide a functional email address, which is not made public unless you allow it too be.</li>

<li><b>Make sensible posts.</b> Please do NOT post if you do not have a solution to an answer. We are a tech support site for helping users, not breaking users computers. Also, please keep your posts lower case. It is known as 'shouting', and is very rude and provocative. You can of course post certain words in caps, or bold, but only to emphasis the word.</li>

<li><b>Stay on topic.</b> Wherever possible, members are encouraged to keep threads on topic. If a thread goes off topic, then it may be moderated or even closed.</li>

<li><b>Use the appropriate forum.</b> Take time in choosing the best forum for your question. We can easily move it if you choose the wrong one, but it would help if you would at least try to pick the best forum.</li>

<li>Make good use of the <b>"Edit"</b> function. Do not 'reply to yourself' in a thread unless it's completely necessary. Also, please don't use the quote button unnecessarily. There's no need to quote the post above your own, unless you're only replying to a specific section, in which case you would only quote that part.</li>

<li><b>Search for an answer.</b> Before posting your question, spend a few minutes searching for your question, using the search function found under the 'search' drop down menu on the navbar. Chances are, your question may have already been answered, therefore you won't need to create a new thread.</li>

<li><b>Multiple Posting.</b> This is simply not accepted. This refers to posting your question more than once, or posting the same reply in each thread. If you feel you need your thread moved, then please use the "Report Thread" button so that it can be moved.</li>

<li><b>Abusive Language.</b> Do *not* post anything that is abusive, obscene, vulgar, slanderous, hateful, threatening, sexually-orientated or any other material that may violate any applicable laws. Doing so may lead to you being immediately, permanently or temporarily being banned (and your service provider being informed).</li>

<li><b>Trolling.</b> Users who generally cause trouble on the forums, are referred to as a <strong>Troll</strong>. This can include, causing "Flame Wars", harassing other users, flooding the forums with a repeat reply, and generally not acting in a mature and sensible manner.

<li><b>Private Messages/Emailing.</b> While we allow private messages, they should NOT be used to spam or send unsolicited content (That is, Advertising of third party services or websites, unless authorised by us in advance and in writing). Anyone member who comes here to spam the forums will be banned immediately. We would appreciate if our members could report anyone misusing the Private message feature, by using the report button, located in the upper top right corner of a private message and looks like this: <img src="http://www.techsupportteam.org/forum/picture.php?albumid=10&pictureid=58" alt="Report" /></li>

<li><b>Signatures.</b> ALL members are allowed to include a small signature, which is displayed in every post you make. Signatures should be small, so they do not interfere with the thread itself. You are also allowed a link in your signature, however, the link should be appropriate for a young viewing audience. We reserve the right to delete any signature that does not comply with these rules. NOTE: New members cannot display a signature. You will need X amount of posts.</li>

<li><b>Misuse of vB code.</b> Please do not abuse the vB code. Doing so is only going to annoy moderators and other members, and can also be seen as an offense to a moderators discretion. This includes large, or flashing images/fonts in posts. Images may be posted as long as they are not of an explicit or offensive nature.</li>

<li><b>Any Illegal activities.</b> We do not support or condone the use of cracked, illegal or pirated software. There are no ifs or buts, we simply do not allow discussion of the kind on these forums.

<p>If you see any member break any of these rules, then please use the report button, which can be located in the upper right corner of a post and looks like this: <img src="http://www.techsupportteam.org/forum/picture.php?albumid=10&pictureid=58" alt="Report" /></li>
</ul>

These guidelines are subject to change. We encourage users to check back here periodically for any updates. </p>

</div>
</td>
</tr>
</table>

$footer

</body>
</html>

Any ideas where I'm going wrong with this? I can't figure it out...

Thanks.

-- Jason

**briansol** · 07-03-2008 08:08 PM

its completely invalid code... that's why. lol

<td class="alt1">
<div style="width: 80%; margin: 0 auto;">
<p>...... </p>
<tr><td valign="center" align="left"

you cant be in a table cell (td) then just start a new row (tr)

ALWAYS validate it
http://validator.w3.org/check?verbos...um%2Frules.php

**Jason_A** · 07-03-2008 08:14 PM

Well, it is late here hehe.

So, what exactly do I need to remove to get it look right at least ?

**briansol** · 07-03-2008 08:18 PM

you need to start a nested table if thats what you want to do...

<td>
<div>
<p></p>
<table><tr><td> that stuff</td></tr></table>
</div>
</td>

**Jason_A** · 07-03-2008 08:23 PM

Great! Thanks..!

Any ideas why most of it isn't validating....can't figure out why hehe.

**briansol** · 07-03-2008 08:30 PM

the validator tells you whats wrong and why....

you still have invalid nestings
valign should be middle, not center
font tags don't even exist in xhtml and cannot be used. use <span class="whatever">text</span> and then make .whatever { } in your style sheet with your rules.
most of the errors after the first 5 are because of the first error. once it's nested improperly, it will screw everything else up from that point down.

**Jason_A** · 07-03-2008 08:36 PM

Ok, thanks for the info.

However, according to this, I can use:

HTML Code:

<font face="arial,helvetica,sans-serif" size="+1">

**briansol** · 07-03-2008 08:40 PM

Tips and Notes

Tip: Use styles (instead of the <font> tag) to define the font face, font size, and font color of text.

really?

**Jason_A** · 07-03-2008 08:48 PM

Well, it gives them as examples. I aren't really bothered..

Final question: My forum validates fine, however, I'm adding a usergroup legend - but when I do, I get a few errors. See anything wrong with this:

HTML Code:

<!-- Usergroup Legend -->
<tr><td class="alt1" colspan="2" ><span class="smallfont"><font color=red><b>Administrators</font></b> | <font color="#0000FF"><b>Community Moderators</b></font> | <font color="green">Modding Experts</font> | <font color="#FF8C00">Premium Members</font></span></td></tr>
<!-- Usergroup Lengend -->

I'm adding it in forumhome, under:

HTML Code:

<div>$activeusers</div>

Yeah, I'm using font tag, but it doesn't point an error to that. Not that I'm aware of, anyway. Ah, I'll try using: <span style="color:codehere"></span>

EDIT: Now using:

HTML Code:

<!-- Usergroup Legend -->
<tr><td class="alt1" colspan="2" ><span class="smallfont"><span style="color:red;"><b>Administrators</span></b> | <span style="color:#0000FF;"><b>Community Moderators</b></span> | <span style="color:green;">Modding Experts</span> | <span style="color:#FF8C00;">Premium Members</span></span></td></tr>
<!-- Usergroup Lengend -->

6 errors left with that code. Hmm...any ideas how fix 'em?

Thanks.

**briansol** · 07-04-2008 01:50 AM

code needs to be well-formed.

<span style="color:red;"><b>Administrators</span></b>

should be

<span style="color:red;"><b>Administrators</b></span>

but even more so, you can move the bold into the style itself.

</span></span> at the end is invalid, and wrapping the whole thing in a span is also invalid as you can't nest spans (legallly). You should add the smallfont class to the td and remove the wrapper as well

HTML Code:

<!-- Usergroup Legend -->
<tr><td class="alt1 smallfont" colspan="2"><span style="color:red; font-weight: bold;">Administrators</span> | <span style="color:#0000FF; font-weight: bold;">Community Moderators</span> | <span style="color:green;">Modding Experts</span> | <span style="color:#FF8C00;">Premium Members</span></td></tr>
<!-- Usergroup Lengend -->

and even more ideal would be to make classes and put the presentation in the style sheet

HTML Code:

<!-- Usergroup Legend -->
<tr><td class="alt1 smallfont" colspan="2"><span class="legadmin">Administrators</span> | <span class="legmod">Community Moderators</span> | <span class="legexp">Modding Experts</span> | <span class="legprem">Premium Members</span></td></tr>
<!-- Usergroup Lengend -->

Code:

.legadmin {color:#f00; }
.legmod {color:#00f; }
.legadmin, .legmod { font-weight: bold; }
.legexp { color:0f0; }
.legprem { color:#ff8c00; }

**Jason_A** · 07-04-2008 12:02 PM

Thanks, brian! Much appreciated.

I did the latter, and create the classes and added them to my additional CSS. I still have two errors left, however. Seems to be pointing to the <tr> -- not sure really. Any ideas?

Thanks.

**briansol** · 07-04-2008 04:24 PM

is it within a table already? if not, it needs to be a part of a table. you can't just have a rouge cell out there without a parent element, table

What's wrong with this?

LinkBack

Thread Tools

Display

What's wrong with this?

Similar Threads

I did something wrong?

What am i doing wrong

What am I doing wrong

What am I doing wrong here?

Posting Permissions