CSS Forum

**Dakoom** · 07-04-2010, 01:34 PM

In this page:

http://validator.w3.org/check?verbos...-tutti-3958%2F

I get the error:

Code:

document type does not allow element "style" here          //--> </script> <br />  <style type="text/css">

In my website I'm including two PHP files with a content like this:

HTML Code:

<style type="text/css">
/* Klayz Top Menu */
#kbar {
color: #FFFFFF;
background: #686968;
background-image: url(http://imgs.klayz.com/kbar_bgimage.png);
background-repeat: repeat-x;
font-size: 12px !important;
border: 0px !important;
margin: 0px !important;
padding: 5px !important;
font-family: Verdana, Arial !important;
font-weight: bold !important;
}
#kbar a {
text-decoration: underline;
}
#kbar a:link {
color: #FFFFFF;
}
#kbar a:visited {
color: #FFFFFF;
}
#kbar a:hover {
color: #ff6600;
}
#kbar a:active {
color: #FFFFFF;
}
#dropmenudiv { /* Dropdown Menu CSS ("Altro") */
position: absolute;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
border: 1px solid #000000;
}
#dropmenudiv a {
background-image: url(http://imgs.klayz.com/kbar_bgimage.png);
background-repeat: repeat-x;
width: 100%;
display: block;
color: #FFFFFF;
text-indent: 3px;
border-bottom: 1px solid #666666;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}
#dropmenudiv a:hover {
color: #FF4400;
background-image: url(http://imgs.klayz.com/kbar_bgimage.png);
background-repeat: repeat-x;
}
#kbar_right {
float: right;
margin-right: 10px;
font-weight: bold;
}
/* ### */
</style>

<!-- Start Kbar -->
<div id="kbar">
<span id="kbar_right">





Welcome Klayz! - <a href="http://www.klayz.com/sitemap/" title="Site Map - Klayz.com">Site Map</a> - 
                <a href="http://www.klayz.com/feed/" title="RSS feed - Klayz.com">RSS</a>
</span>

<a href="http://www.klayz.com/" title="Klayz.com - Homepage">Klayz.com</a> | <a href="http://www.klayz.com/about/" title="Informazioni su Klayz.com">About</a> | <a href="http://articles.klayz.com/" title="Le risposte alle domande frequenti di Klayz">Articoli</a> | <a href="http://tools.klayz.com/" title="Servizi Online Gratuiti - Tools - Klayz.com">Tools</a> | <a href="http://www.klayz.com/community/" title="La community di Klayz.com">Community</a> | <a href="http://games.klayz.com/" title="Giochi gratis online - Sala Giochi">Giochi</a> | <a href="http://www.klayz.com/sitemap/" onClick="return dropdownmenu(this, event, popup_altro, '200px')" onMouseout="delayhidemenu()">Altro.. &raquo;</a>

</div>
<!-- ### -->

And I sincerely donj't understand how to fix this error and the others about the JavaScript code. Can you please help me?

**chrishirst** · 07-04-2010, 01:42 PM

Stylesheet rules belong in the document head (between the <head> </head> tags)

NOT in the document body.

**Dakoom** · 07-04-2010, 02:49 PM

Consider that I am putting that top bar in a lot of webpages. What would you suggest me? How should I use the CSS for that? Would be a problem to edit all the templates to add that CSS in their respective .css files. The best way is to call the top bar's CSS in that file I'm including.

**chrishirst** · 07-04-2010, 03:03 PM

Do the same as the rest of us do who use includes and put the stylesheet or a reference to an external .css file where it should be, in the document head.

**Dakoom** · 07-04-2010, 04:09 PM

Then is there no other way?

**chrishirst** · 07-04-2010, 04:39 PM

Unless you propose to rewrite the HTML specifications specially for your convenience, which, of course the W3c may have something to say about.
You either make it so that you do include the CSS rules in the right place or make every single rule on every element inline.

**Dakoom** · 06:54 AM

Quote:

Originally Posted by chrishirst

Unless you propose to rewrite the HTML specifications specially for your convenience, which, of course the W3c may have something to say about.

I think there is no need to be so rude. I was just asking. If this is a problem please let me know.
Thank you for your replies.

**chrishirst** · 07-05-2010, 10:15 AM

How is stating facts "rude"??

You either follow the rules of HTML & CSS, or you have to write your own specially! Which may or may not be applied by the browsers that you hope people will be using to view your site.

It is as simple as that. The constraints and requirements of where certain components should be included into the document are the same for every web designer and web developer

Now, if whatever templating system you are using does not allow you to include extra style sheets that shows a lack of planning or understanding on whomever designed them in the first place.