Hi there, I am working on a major facelift for my C++ programming site and have hit a small problem that I cant get rid of in validating my HTML. The offending (yet essential line) is coming up with an error. The line is; <div id="navbar" class="menu"><span class="menubar"><h6> </h6></span> Code (markup): The error I get is; I have tried everything I can to work around this but am still stuck. If anyone could shed some light, that would be awesome. I know that it is telling me that I cant use P, H1-H6, UL, LI, etc. But I am not sure how to get around this hurdle. The page renders properly in IE and Firefox. But, being as pedantic as I am, I would like it to be validated ok. Thanks in advance.
The reason I have gone down this path is that I am trying to have a background over the top of a background. And I was able to achieve this using the above code. I am always open to suggestions. Although I will experiment with what you have suggested. Thanks again.
Reverse the order as our resident stooges fan suggested, then reverse which one has the background... Though really with that many containers (div, span, h6) I suspect you should already have enough hooks for that, though if that's a menu, why is it a div, span and H6 and not a UL? ... and H6? Is that proper heading order meaning that on the page you actually have a h1 through h5 and this h6 is a subsection of that parent H5? I think not. If that's just for the little 'x' in the corner of the link in your signature, it probably should be NONE of those... and yes all your headings are the wrong level - your heading order makes no sense, and you are using H6's for non-heading elements (in a grammatical sense) As always, I suggest chucking it and starting over with semantic markup and separation of presentation from content.
What Deathshadow said, plus a comment on the UI: A small font-size in light gray against a dark blue background is difficult and tiring to read. Is that how you have your editor configured, or is it set to very dark characters on a very light background? If your page is meant for your visitors to enjoy, increase the base font size to 16px or 100%, change the color to #eee, and make the font-weight bolder. That will not destroy the look and feel, but will make your page much easier to read. If the page is strictly for yourself, …. cheers, gary
Hi there, The site I am working on is below; My site The portion of interest is the top windows bars with the red x's. So there is no acutal text being displayed. The blue bar is a background image and the red is is genereted by the <span> code mentioned above. This is the only way I was able to position the red x correctly. Thanks again.