PHP Forum

**Darker81** · 05-27-2009, 11:15 AM

Line 122, Column 23: document type does not allow element "style" here <style type="text/css"> ✉
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).

PHP Code:


			
<div id="toolbar-body">
<script type="text/javascript" src="http://www.torfil.com/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="http://www.torfil.com//stepcarousel.js">

<!-- /***********************************************
* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/ -->


</script>

<style type="text/css">

.stepcarousel{
position: relative; /*leave this value alone*/
border: 5px solid #34C2F0;
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 165px; /*Height should enough to fit largest content's height*/
background:#B4E058;
}

.stepcarousel .belt{
position: absolute; 
left: 0;
top: 10;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 11px; /*margin around each panel*/
width: 115px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 150px; /*Height should enough to fit largest content's height*/
}

</style>



<!-- Myslides -->
<div align="center" id='myslides' class='content2'>
<script type='text/javascript'>
stepcarousel.setup({
    galleryid: 'mygallery', //id of carousel DIV
    beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
    panelclass: 'panel', //class of panel DIVs each holding content
    panelbehavior: {speed:500, wraparound:true, persist:true},
    defaultbuttons: {enable: true, moveby: 2, leftnav: ['http://www.torfil.com/rem1.jpg', -14, 60], rightnav: ['http://www.torfil.com/rem2.jpg', 0, 60]},
    statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>
<div class='stepcarousel' id='mygallery'>
<div class='belt'>
<div class='panel'>
<a href='http://www.torfil.com/29-mirrors-single-link-the-unborn-2009-dvdrip-xvid-ika/' title='[29 Mirrors | Single Link] The Unborn 2009 DVDRiP XViD-iKA'><img alt='The Unborn 2009 ' height='148' src='http://i44.tinypic.com/2ueipud.jpg' width='100'/>
</a>
</div>
<div class='panel'>
<a href='http://www.torfil.com/damnation-iso-2009enggerrepack-384-gb-single-link/' title='Damnation ISO (2009/ENG/GER/Repack) - 3.84 GB Single Link'><img alt='Damnation ISO ' height='148' src='http://i42.tinypic.com/2qxrw93.jpg' width='100'/>
</a>
</div>
<div class='panel'>
<a href='http://www.torfil.com/lost-season-5-all-episodes-single-links-watch-online/' title='Lost Season 5 All Episodes Single Links Watch Online'><img alt='Lost Season 5 All Episodes' height='148' src='http://i43.tinypic.com/153bl3c.jpg' width='100'/>
</a>
</div>
<div class='panel'>
<a href='http://www.torfil.com/green-street-hooligans-2-2009-700mb-single-link-9-hosts/' title='Green Street Hooligans 2 (2009)-700mb SINGLE LINK [9-HOSTS]'><img alt='Green Street Hooligans 2' height='148' src='http://i41.tinypic.com/2gt2id3.jpg' width='100'/>
</a>
</div>
<div class='panel'>
<a href='http://www.torfil.com/how-i-met-your-mother-all-seasons-1-2-3-4-all-episodes-single-link/' title='How I Met Your Mother All Seasons 1-2-3-4 | All Episodes | Single Link'><img alt='How I Met Your Mother All Seasons' height='148' src='http://i39.tinypic.com/96jn02.jpg' width='100'/>
</a>
</div>
<div class='panel'>
<a href='http://www.torfil.com/90-rihanna-hd-wallpapers/' title='90 Rihanna HD Wallpapers'><img alt='Rihanna HD Wallpapers' height='148' src='http://i41.tinypic.com/wbpg14.jpg' width='100'/>
</a>
</div>
<div class='panel'>
<a href='http://www.torfil.com/internet-download-manager-v517-build-4-full-may-19/' title='Internet Download Manager v5.17 Build 4 FULL [May-19]'><img alt='Internet Download Manager v5.17 Build 4' height='148' src='http://i44.tinypic.com/331oq5u.jpg' width='100'/>
</a>
</div>
<div class='panel'>
<a href='http://www.torfil.com/kaspersky-kiskav-2009-ultimate-key-collection-260509/' title='Kaspersky KIS/KAV 2009 Ultimate Key Collection - [26.05.09]'><img alt='Kaspersky' height='148' src='http://i44.tinypic.com/2wbxnut.jpg' width='100'/>
</a>
</div>
<div class='panel'>
<a href='http://www.torfil.com/alexander-rybak-fairytale-eurovision-2009-winner/' title='Alexander Rybak - Fairytale (Eurovision 2009 winner)'><img alt='Alexander Rybak - Fairytale' height='148' src='http://i42.tinypic.com/nf2lgm.jpg' width='100'/>
</a>
</div>
<div class='panel'>
<a href='http://www.torfil.com/ms-mf-mu-rscom-mount-blade-1011-mods/' title='Mount and Blade 1.011 + Mods'><img alt='Mount and Blade 1.011' height='148' src='http://i42.tinypic.com/2j2g7dt.jpg' width='100'/>
</a>
</div>
<div class='panel'>
<a href='http://www.torfil.com/terminator-salvation-rip25-gbworking/' title='Terminator Salvation [RIP][2.5 GB][Working]'><img alt='Terminator Salvation [RIP]' height='148' src='http://i40.tinypic.com/im1pwh.jpg' width='100'/>
</a>
</div>
<div class='panel'>
<a href='http://www.torfil.com/folio-blogger-themeforestnet/' title='Folio Blogger - Themeforest.net'><img alt='Folio Blogger' height='148' src='http://i40.tinypic.com/293vukm.jpg' width='100'/>
</a>
</div>
<div class='panel'>
<a href='http://www.torfil.com/linkin-park-new-divide-rapidshare-mediafire-megaupload/' title='Linkin Park - New Divide RapidShare MediaFire MegaUpload'><img alt='Linkin Park - New Divide' height='148' src='http://i42.tinypic.com/141v0i8.jpg' width='100'/>
</a>
</div>

</div>
</div>
</div>
<!-- /Myslides -->
</div><!-- /Toolbar -->

Pls fix I didnt find anywhere

**netingredient** · 05-27-2009, 11:58 AM

Quote:

This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head"

move the <style type="text/css"></style> part inside <head></head> section.

Now it's placed in the <body> section.

**Darker81** · 05-27-2009, 12:21 PM

i tried <head></head> section and cument type does not allow element "head" here <head> the same problem again how can i fix can u show me how ?

**Taur** · 05-27-2009, 02:00 PM

You have to move the stylesheet to the head section, not create a new head section around it. There can only be one head section and one body section.

**Darker81** · 05-27-2009, 03:12 PM

Thanks your comment but i try again and i cant do

can u recode for me

**larryatwt** · 05-30-2009, 07:31 PM

The basic structure of a HTML file is:
<html>
<head>
</head>
<body>
</body>
</html>
The head section should go first and the body section next. Your stylesheet should be in the head section. The rest of the codes you posted here should remain in the body section. Is it clear?