http://www.barriehomeinspections.com I need the CSS checked before using template for rest of my site. Could you identify any errors I might have missed or are not seeing. It is appreciated Thanks Roger
I sent your CSS to the validator. Seems good. However the XHTML is full of errors. I guess this is what you get with a template though. http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0 The CSS is purely a Stu menu, which, while usually valid, is extremely cluttered and very hard to debug if a problem comes along. Stu kinda crunches through a problem until it works, posts it, and then later revisits it and sees if he can make it work better. He sometimes cleans his CSS a bit, but it's still usually pretty big. Still, I've used a similar menu from this, and it does work. But I later changed my menu over to Suckerfish (but without the Suckerfish JS as I needed Peterned's whatever:hover for IE6 to hover over other things) since the code is smoother. The only good thing about Stu's table solution is that it will work on IE6 and below even if they don't have Javascript available. What I did for that case (as well as keyboarders who cannot get the dropdowns to show like the mouse can) was made sure the main buttons still went to a page where people could reach the same links as are in the dropdown (you can either have explanation/info pages, or a human site map, both of which are great for not only the disabled but also teh Googlies).
Hi there, Change this line... <h1 align="center"><font style="BACKGROUND-COLOR: #ffffff" face="Arial" size="4"> Professional Home Inspections in Barrie, Alliston Orillia, Angus and Simcoe County!</h1> Code (markup): ...for this: <font style="BACKGROUND-COLOR: #ffffff" face="Arial" size="4"><h1 align="center"> Professional Home Inspections in Barrie, Alliston Orillia, Angus and Simcoe County!</h1></font> Code (markup): That should fix the error with the <h1> tag.
I think it should be the other way around, although the font tag has been deprecated and isn't legal either way, but if one insists on using it, the h1 is a block element and as far as I know font is an inline. The error has to do with the fact that it's not closed. He'd need: <h1><font blah blah>stuff....</font></h1> not that using <font> is legal either way : )
Yeah, the HTML is much more of a problem than the CSS - it has that stupid 'hide a table' rubbish for the menu, use of presentational markup that shouldn't even be needed given the volumn of classes and wrapping DIV's that are in there... The menu placement seems to be broken on my machine (at least I assume it's not supposed to look like that), paragraphs around elements that aren't even sentance fragments, much less paras - etc, etc.. CSS is the LEAST of your problems.
Well, he pm'ed me and I sent him a valid version of the whole thing. His CSS was fine, or at least valid. His html now validates but uses a lot of deprecated stuff. Whether it is useful to him, I haven't heard yet.
The menu covers up some of the text in IE7, looks fine in firefox. The menu is also very, very small in IE compared to FF. Just a heads up.