Table-less Site/CSS

TheBrownRecluse · #1 (**permalink**) 06-18-2007, 04:02 PM

Could someone review my website?

http://www.iseoyou.com/debtzero/index.html

However, I'm also trying to find out why I'm getting this from the validator?

I wrote this website in Dreamweaver, but I handedcoded almost everything by hand.

For CSS types, I would greatly appreciate your input. My goal is to make this a more common practice.

-Clif

Error Line 16 column 6: end tag for element "HEAD" which is not open.
</head>
The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.
If this error occured in a script section of your document, you should probably read this FAQ entry.
?

Error Line 17 column 5: document type does not allow element "BODY" here.
<body>
The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).
One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

Clicken · #2 (**permalink**) 06-18-2007, 04:53 PM

In IE when I scroll the page down, the right end of the bottom nav links are behind “Ask for Quote”, but in FF they are visible. These links are also cluttered with too many vertical lines, I think.

I also found the blue text against the blue background difficult to read on the pages… perhaps a darker blue if not black would make it easier for those of us with less than perfect vision.

The "Ask for Quote" seems to be disconnected from everything else. I was wondering why it couldn't move up on the page like the "FAQ"?

davebarnes · #3 (**permalink**) 06-18-2007, 05:42 PM

Change
<meta name="description" content="Description goes here" />
to
<meta name="description" content="Description goes here">

and you will validate.

You are mixing XHTML code into an HTML doc.

NetPhr3ak · #4 (**permalink**) 06-19-2007, 07:56 PM

Cliff,

I know why the page doesn’t validate. Replace the following:

Line 21
Your code: <div id="indeximage"><img src="images/manandsunsetsmall.jpg" alt="man standing silhouetted against sunset" /></div>

Correct Code: <div id="indeximage"><img src="images/manandsunsetsmall.jpg" alt="man standing silhouetted against sunset"></div>

Line 15
Your code: <meta name="description" content="Description goes here" />

Correct Code: <meta name="description" content="Description goes here">

I hope this was helpful!

janeth · #5 (**permalink**) 06-20-2007, 12:09 AM

Your left navigation looks funny because the text is different sizes inside the buttons.

And I really do not much care for how the center of the page moves when you scroll down while the rest of the site sits still.

You have a toll free number, I would not make people look for it. I would place it in the header on every page.

NetPhr3ak · #6 (**permalink**) 06-20-2007, 09:07 AM

Yes...I must agree with Janeth. It looks like the site was built with Frames. Have you done any usability testing? It was next to impossible to get your email address. In order to find the email address I had to go to iseoyou.com and look through your code; The mail link on your page doesn't work. I'm trying to be helpful, so excuse me if I'm coming off as being critical.

TheBrownRecluse · #7 (**permalink**) 06-20-2007, 01:12 PM

actually no, I don't feel criticized. I'm actually an SEO that had to rise to the challenge of building a new website because of time constraints. This is my first live site, so I want to get this right.

One question, should I build an 800x600 resolution version of this site, or just leave it alone?

NetPhr3ak · #8 (**permalink**) 06-20-2007, 02:33 PM

Ok great, I didn't want to offend you. Your best bet is to follow web standards when building your sites. Especially since you specialize in SEO. Standards make your site accessible. I feel the better the accessibility, the better the chance the search engines will index your site properly. I'm sure there are some of you who will crucify me about standards improving your search engine ranking. Again, it's my opinion! More Webstandars information can be found at World Wide Web Consortium. You can validate your xhtml as well as your css on the site.

As far as the 800 x 600 layout, that really depends on your visitors. Most viewers will be able to view 800x600 layouts; so it's a safe bet. Unless your client wants the site to look like that, suggest/consider using a liquid layout. A liquid layout will stretch with the browser when the user maximizes their browser. For more infomration about using CSS to structure your sites liquid layout, Google the following terms: css, liquid layout. Again I hope this was helpful. For some reason they gave my last post negative points...the moderator stated it was redundant (either though you thanked me for my help via email). HINT HINT moderator...please show me some love!

TheBrownRecluse · #9 (**permalink**) 06-20-2007, 04:21 PM

I was able to make the site compatible for IE 6 and 7 browsers using conditional comments. However, now I'm wanting it to be accessible by different screen resolutions. As much as I would like to implement the liquid layout option, I'm afraid that would be too time consuming.

How can I get my website to search out browsers set to 800x600 so I can have the correct stylesheet come up.

-Clif

NetPhr3ak · #10 (**permalink**) 06-20-2007, 06:33 PM

The liquid layouts are easy to implement. I know a site that has a bunch of different css layouts that validate and display properly for the following browsers:

Internet Explorer/win 5.0, 5.5, 6 and beta 2 preview of version 7; Opera 8.5, Firefox 1.5 and Safari 2.

The web address is www.blog.html.it/layoutgala/

There's something like 40 different layouts on the site! I'm sure you can find something there.

TheBrownRecluse · #11 (**permalink**) 06-21-2007, 01:17 PM

hmm. that site doesn't work.

-Clif

TheBrownRecluse · #12 (**permalink**) 06-21-2007, 03:59 PM

I freakin' hate this browser.

What's happening is that for some reason, the website is coming up wierd the first time when you type in Debt Zero, the domain that is re-routed to this website in IE 6. The header image is coming up near the bottom and or coming up to high on every other site. but when you type the actual url, www.iseoyou.com/debtzero.com/index.html, it comes up fine (most of the time).

The other buggy thing is that the banner at the top for some reason tends to "wrap". Meaning that a portion of the bottom will appear at the top, but this happens like every other 8 times.

Does anybody know what to do about these two problems. The first problem takes precedence, by the way.

-Clif

NetPhr3ak · #13 (**permalink**) 06-21-2007, 04:37 PM

Usually when you experience browser issues, more than likely, the css is invalid. Have you validated your css? Actually, I'm going to check to see if it validates....Nope! Your css is invalid. That explains why you're having so many issues with your layout. If I was you, I would scrap the whole site. Maybe we can work something out. You said your specialty is SEO, can you show me some sites you've built that rank well for popular terms? If so...I'm sure we can workout some type of barter agreement. I hate SEO! Too much work! I could rebuild that website within a few days, everything will validate.

I'm assuming this isn't going to be the live site. Reason I say that is because I just looked at the code from iseoyou.com/debtzero and noticed a bunch of issues. Why doesn't the site in question have any keywords, etc? The site doesn't appear to be optimized at all. Also, another major issue with the site, it's set up not to be indexed. Like I said...if you are only using this site to validate the code then I guess there isn't a problem with some of the issues I just mentioned. Let me know if you need help with the site. I could do a complete rebuild for a few hundred bucks. Let me know!

NetPhr3ak · #14 (**permalink**) 06-21-2007, 04:39 PM

Why do I still have negative Rep Rank, I thought I've been more than helpful! Wow... that will be the last time I ever help anyone on here, lol.

TheBrownRecluse · #15 (**permalink**) 06-22-2007, 01:07 PM

The reason I set it unoptimized is that at it's current state, I don't want anybody finding it. If they see this website from a news article, that's one thing, but I'd rather not get it live until that one issue is done. I'm going to try to validate all three CSSs right now.