Any problems with the CSS/HTML on my site?

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
Josh1billion
Forum Contributor
Posts: 316
Joined: Tue Sep 11, 2007 3:25 pm

Any problems with the CSS/HTML on my site?

Post by Josh1billion »

Hey everyone,

My site ( http://www.seedsoftime.net ) has been having some issues lately with layout problems. I believe this to be due to the layout possibly having some errors/problems in it, CSS or HTML-wise.

So if anyone is bored enough to take a look over the code of the layout there (Firebug would be helpful to see the div's that build the layout, and to see the CSS stylesheet), please let me know of any problems you run across. :)

Particularly: problems have occured on pages where the navigation bar (the blue one which says Home / Forums / Create Account / Login) AND/OR the ads are displayed. So there might be something wrong with the layout in there... for example, on pages where I had either the ads or the navigation bar displayed, or both of them displayed, there would be problems if I tried to print out a table. The table would appear outside of the layout columns, to the right of the right-side navigation bar. So for pages which display that table, I have the ads and navigation bar hidden (not printed to the screen). It's a temporary solution until we can find out what the root cause is...

Thanks much, guys.
User avatar
s.dot
Tranquility In Moderation
Posts: 5001
Joined: Sun Feb 06, 2005 7:18 pm
Location: Indiana

Post by s.dot »

http://validator.w3.org/check?uri=www.s ... ne&group=0
http://jigsaw.w3.org/css-validator/vali ... medium=all

Usually if you fix the errors that the w3 html and css validators tell you, you won't have any quirks in your page. :)

Moved to UI Design & Usability
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
User avatar
Josh1billion
Forum Contributor
Posts: 316
Joined: Tue Sep 11, 2007 3:25 pm

Post by Josh1billion »

Interesting stuff. The first link scares me, though. lol
User avatar
s.dot
Tranquility In Moderation
Posts: 5001
Joined: Sun Feb 06, 2005 7:18 pm
Location: Indiana

Post by s.dot »

Indeed, it does look scary. You'll find however that some errors go away once you fix one of them. So there really aren't 309 errors, or whatever.
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
User avatar
Josh1billion
Forum Contributor
Posts: 316
Joined: Tue Sep 11, 2007 3:25 pm

Post by Josh1billion »

Oh, I see. Thanks for the links.
User avatar
patrikG
DevNet Master
Posts: 4235
Joined: Thu Aug 15, 2002 5:53 am
Location: Sussex, UK

Post by patrikG »

moved to forum "client side".
User avatar
Josh1billion
Forum Contributor
Posts: 316
Joined: Tue Sep 11, 2007 3:25 pm

Post by Josh1billion »

Lots of moving. I guess that's what happens when you create a thread asking for a Coding Critique of your site's Client Side UI Design & Usability. lol
User avatar
JAB Creations
DevNet Resident
Posts: 2341
Joined: Thu Jan 13, 2005 6:44 pm
Location: Sarasota Florida
Contact:

Post by JAB Creations »

Change *all* <meta> to <meta /> (add a space and slash at the end). That will fix some validation issue.

Change *all* <script language="javascript"> to <script type="text/javascript">

Find and replace all <BR> and <br> and replace with <br /> (case sensitive).

All input elements need to be closed just like meta elements. So in example change...
<input type="text" name="username" size="15">
to...
<input type="text" name="username" size="15" />

Do this and your errors should drop to well under 100.
Post Reply