ayuda con document type does not allow element "style" here

[subero]

me marca ese error en w3c pero no consigo el origen de este problema agradeceria su ayuda
<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).

codigo

script type="text/javascript">
window.addEvent('domready', function(){
var myMenu = new slideyVert($$('#kwickmenu .menu'),{openHeight:<?php echo $menuheighthover; ?>});
});

</script>
<!-- Kwick Vertical Sliding Menu for Joomla by http://www.www.camp26.com -->
<style type="text/css">



/* now lets do the styling thats not covered in the .css */
#kwickmenu {
height: <?php echo $menuheightall; ?>px;
}
#kwickmenu .menus {
width: <?php echo $menucontainer; ?>px;
}
#kwickmenu .menu {
width:<?php echo $menuwidth; ?>px;
height:<?php echo $menuheight; ?>px;
border-bottom: <?php echo $separator_height; ?>px solid <?php echo $separator_color; ?>;
}

/* now lets set up the images */

<?php if ($status1==1) { ?>
#kwickmenu .opt1 {
background: url(modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/images/<?php echo $camp26image1?>) ;
}
<?php } else { ?>
<?php } ?>

<?php if ($status2==1) { ?>
#kwickmenu .opt2 {
background: url(modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/images/<?php echo $camp26image2 ?>);
}
<?php } else { ?>
<?php } ?>

<?php if ($status3==1) { ?>
#kwickmenu .opt3 {
background: url(modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/images/<?php echo $camp26image3 ?>);
}
<?php } else { ?>
<?php } ?>

<?php if ($status4==1) { ?>
#kwickmenu .opt4 {
background: url(modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/images/<?php echo $camp26image4 ?>);
}
<?php } else { ?>
<?php } ?>

<?php if ($status5==1) { ?>
#kwickmenu .opt5 {
background: url(modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/images/<?php echo $camp26image5 ?>);
}
<?php } else { ?>
<?php } ?>

<?php if ($status6==1) { ?>
#kwickmenu .opt6 {
background: url(modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/images/<?php echo $camp26image6 ?>);
}
<?php } else { ?>
<?php } ?>

<?php if ($status7==1) { ?>
#kwickmenu .opt7 {
background: url(modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/images/<?php echo $camp26image7 ?>);
}
<?php } else { ?>
<?php } ?>

<?php if ($status8==1) { ?>
#kwickmenu .opt8 {
background: url(modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/images/<?php echo $camp26image8 ?>);
border-bottom: 0;
}
<?php } else { ?>
<?php } ?>
</style>

[lucasan]

Iniciado por subero

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).

Creo que esta línea te lo dice todo, podrías haberla traducido por lo menos.

El elemento esta en un contexto no permitido, puede ser que pusiste el elemento style en el body y no en el head.

Traducción no literal.

[subero]

claro eso lo entiendo lo q si no es eso esta dentro de un archivo .php el cual no tiene un encabezado como tal html, como se puede denotar se encuentra mezclado con el php, mi pregunta es si siempre tiene que ir dentro de un head y en ese caso como seria

[David]

¿Podrías poner la salida HTML que se genera?. Será más fácil encontrar el error

[subero]

fijate eso es un menu slider de joomla un compomente por lo que he analizado esa parte del codigo lo hacen dentro de un .php ellos no colocan encabezado de html ni nada peroe structuran l codigo asi, es por eso mi duda

en el cual colocan:
<?php
codigo php..
.
.
//luego esto
/* Include stylesheet */
echo '<link rel="stylesheet" href="modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/kwickverti_slidingmenu.css" type="text/css"/>';

/* include mootools only if indicated */
if ($with_mootools)
echo "<script src=\"modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/js/mootools.js\" type=\"text/javascript\"></script>";

echo "<script src=\"modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/js/kwickverticalslide.js\" type=\"text/javascript\"></script>";
?> //cierran php

//luego

<style type="text/css"> //aqui me da el error

/* now lets do the styling thats not covered in the .css */
#kwickmenu {
height: <?php echo $menuheightall; ?>px;
}
#kwickmenu .menus {
width: <?php echo $menucontainer; ?>px;
}
#kwickmenu .menu {
width:<?php echo $menuwidth; ?>px;
height:<?php echo $menuheight; ?>px;
border-bottom: <?php echo $separator_height; ?>px solid <?php echo $separator_color; ?>;
}

/* now lets set up the images */

<?php if ($status1==1) { ?>
#kwickmenu .opt1 {
background: url(modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/images/<?php echo $camp26image1?>) ;
} ?>

[lucasan]

Como te dijo David el Grande, pon el html que te genera, es decir dale a tu página "ver código fuente" para saber donde esta posicionando ese elemento.

Saludos.

[subero]

ese es el codigo fijense en la parte q esta en negrita ahi es donde esta el problema
<!--End swMenuFree menu module-->
</div>
<div class="moduletable">


<link rel="stylesheet" href="/modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/kwickverti_slidingmenu.css" type="text/css"/><script src="/modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/js/mootools.js" type="text/javascript"></script><script src="/modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/js/kwickverticalslide.js" type="text/javascript"></script><script type="text/javascript">
window.addEvent('domready', function(){
var myMenu = new slideyVert($$('#kwickmenu .menu'),{openHeight:140});
});

</script>
<!-- Kwick Vertical Sliding Menu for Joomla by http://www.www.camp26.com -->


<style type="text/css">

/* now lets do the styling thats not covered in the .css */
#kwickmenu {
height: 515px;
}
#kwickmenu .menus {
width: 140px;
}
#kwickmenu .menu {
width:140px;
height:70px;
border-bottom: 1px solid #aa0100;
}

/* now lets set up the images */

#kwickmenu .opt1 {
background: url(modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/images/1.png) ;
}

#kwickmenu .opt2 {
background: url(modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/images/2.png);
}

#kwickmenu .opt3 {
background: url(modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/images/3.png);
}

#kwickmenu .opt4 {
background: url(modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/images/4.png);
}

#kwickmenu .opt5 {
background: url(modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/images/5.png);
}

#kwickmenu .opt6 {
background: url(modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/images/6.png);
}

#kwickmenu .opt7 {
background: url(modules/mod_kwickverti_slidingmenu/kwickverti_slidingmenu/images/7.png);
}

</style>


<!-- Kwick Vertical Sliding Menu for Joomla by http://www.www.camp26.com -->
<table style="background-repeat:no-repeat; background-position:center;">
<tr>
<td>
<div id="menucontainer">
<div id="kwickmenu">
<ul class="menus">


<li ><a href="http://www.gobiernoenlinea.ve" class="menu opt1"></a></li>


<li ><a href="http://www.mppti.gob.ve" class="menu opt2"></a></li>


<li ><a href="http://www.cantv.net" class="menu opt3"></a></li>


<li ><a href="http://www.cnti.gob.ve" class="menu opt4"></a></li>


<li ><a href="http://www.conatel.gob.ve" class="menu opt5"></a></li>



<li ><a href="http://www.ipostel.gob.ve" class="menu opt6"></a></li>



<li ><a href="http://www.cvgtelecom.com.ve" class="menu opt7"></a></li>



</ul>
</div>
</div>
</td>
</tr>
</table> </div>
<div class="moduletable">
<p> <a href="http://www.seniat.gob.ve/" title="Seniat_link"><img src="/images/links/seniats.png" alt="seniat" title="seniat" width="155" height="64" /></a> </p> </div>

</div>
<div id="columna_central" style="width: 605px; padding: 0px 0px 5px 5px; font-size:12px;">
<table class="blog" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
</td>
</tr>


</table>

</div>

</div>
<!-- <div id="direccion">
<p>Avenida Universidad, Esquina <br /> El Chorro, Torre MCT, piso 8.</p>
</div>
-->
<!-- <div id="pie">
<br />
<div align="center">
&copy; 2008 suscerte</div>

<div align="center">
<a href="http://www.joomla.org">Joomla!</a> is Free Software released under the GNU General Public License.</div> </div> -->
<div id="feed-rss">
</div>
</div>



<!--
<div id="barra_pie">
</div> -->
</body>
</html>

[lucasan]

Es muy complejo, según te entiendo eso es parte de un componente, además, no se puede incluir en una hoja de estilos ya que hace uso de condicionales en php.

Lo único que se me ocurre así de pasón, es que tomes ese trozo de código y lo traslades a la parte del <head>

Eso solo para que te valide, pero lo malo es que estarás separando ese trozo de código del componente original, y será un desastre para leerlo, aunque funcionará bien.

Otra opción, y para mi la mejor, es que examines que hacen estos css, y si para ti no es 100% necesario esos condicionales en php, los definas con valores fijos y los pongas en la hoja de estilos del componente.

Así dejas tu código mas limpio, legible y validando

Saludos.

[subero]

mm xq el me da dos errores con el script y link me dice q no esta en su contexto y tiene razon el problema es q no tengo head en ese documento y como se puede ver en ese codigo todo depende de esas varibles script xq en cada uno d ella se defiina una imagen no hay forma de colocar el encabezado tradicional por zonas el q es <html>
<head></head>
<html>

[pvaleror]

Hay funciones en joomla para poner fragmentos de código en el head de un documento si no estoy mal, hay otros cms que si, si no podria probar a colocar ese css dentro de una función javascript que coloque el contenido en el head, más trabajo, pero se valida o por ultimo olvidese de la validación con que funciones es suficiente.

[sysmaya]

eso es por que estas insertanto una etiqueta <style> dentro del body.

pero el error real es que se esta usando un Doctype XHTML y ese doctype NO permite insertar este tipo de etiquetas dentro del BODY.

Cambia el Doctype a un doctype del tipo HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Recuerda que :
Doctype HTML no debe cerrar tags <br> <img>
Doctype XHTML DEBE cerrar tags <br /> <img />