Foros del Web » Creando para Internet » HTML »

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

Estas en el tema de ayuda con document type does not allow element "style" here en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 28/08/2008, 14:04
Avatar de subero  
Fecha de Ingreso: marzo-2007
Mensajes: 64
Antigüedad: 10 años, 9 meses
Puntos: 0
ayuda con document type does not allow element "style" here

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>
  #2 (permalink)  
Antiguo 28/08/2008, 14:12
Avatar de lucasan
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: Cali - Colombia
Mensajes: 1.144
Antigüedad: 10 años, 6 meses
Puntos: 59
Respuesta: ayuda con document type does not allow element "style" here

Cita:
Iniciado por subero Ver Mensaje
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.
__________________
Plan Original Desarrollo Web
~$>sudo apt-get install -f
"Asi debería arreglarse todo en la vida"
  #3 (permalink)  
Antiguo 28/08/2008, 14:40
Avatar de subero  
Fecha de Ingreso: marzo-2007
Mensajes: 64
Antigüedad: 10 años, 9 meses
Puntos: 0
Respuesta: ayuda con document type does not allow element "style" here

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
  #4 (permalink)  
Antiguo 28/08/2008, 15:03
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
De acuerdo Respuesta: ayuda con document type does not allow element "style" here

¿Podrías poner la salida HTML que se genera?. Será más fácil encontrar el error
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #5 (permalink)  
Antiguo 28/08/2008, 15:30
Avatar de subero  
Fecha de Ingreso: marzo-2007
Mensajes: 64
Antigüedad: 10 años, 9 meses
Puntos: 0
Respuesta: ayuda con document type does not allow element "style" here

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?>) ;
} ?>
  #6 (permalink)  
Antiguo 28/08/2008, 17:45
Avatar de lucasan
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: Cali - Colombia
Mensajes: 1.144
Antigüedad: 10 años, 6 meses
Puntos: 59
Respuesta: ayuda con document type does not allow element "style" here

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.
__________________
Plan Original Desarrollo Web
~$>sudo apt-get install -f
"Asi debería arreglarse todo en la vida"

Última edición por lucasan; 28/08/2008 a las 17:55
  #7 (permalink)  
Antiguo 28/08/2008, 21:05
Avatar de subero  
Fecha de Ingreso: marzo-2007
Mensajes: 64
Antigüedad: 10 años, 9 meses
Puntos: 0
Respuesta: ayuda con document type does not allow element "style" here

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>
  #8 (permalink)  
Antiguo 28/08/2008, 22:26
Avatar de lucasan
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: Cali - Colombia
Mensajes: 1.144
Antigüedad: 10 años, 6 meses
Puntos: 59
Respuesta: ayuda con document type does not allow element "style" here

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.
__________________
Plan Original Desarrollo Web
~$>sudo apt-get install -f
"Asi debería arreglarse todo en la vida"
  #9 (permalink)  
Antiguo 28/08/2008, 22:41
Avatar de subero  
Fecha de Ingreso: marzo-2007
Mensajes: 64
Antigüedad: 10 años, 9 meses
Puntos: 0
Respuesta: ayuda con document type does not allow element "style" here

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>
  #10 (permalink)  
Antiguo 13/02/2009, 12:36
 
Fecha de Ingreso: febrero-2009
Mensajes: 1
Antigüedad: 8 años, 9 meses
Puntos: 0
Respuesta: ayuda con document type does not allow element "style" here

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.
  #11 (permalink)  
Antiguo 20/06/2010, 22:14
 
Fecha de Ingreso: agosto-2007
Ubicación: Duitama Boyaca Colombia
Mensajes: 18
Antigüedad: 10 años, 3 meses
Puntos: 1
Respuesta: ayuda con document type does not allow element "style" here

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 />
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:30.