Problema con W3C validator

[DavidNL]

Buenos días tengo un problema con la validación de mi código y me estoy volviendo loco para resolverlo.

Así es lo que tengo en el index.php:

<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $templateurl; ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $templateurl; ?>/css/style.css" type="text/css" />
<script src="<?php echo $templateurl; ?>/js/jquery-1.3.2.js" type="text/javascript"></script>
<script src="<?php echo $templateurl; ?>/js/jquery-slide.js" type="text/javascript"></script>
<script src="<?php echo $templateurl; ?>/js/ie.js" type="text/javascript"></script>

<!-- Header_gallery -->
<script type="text/javascript">
var $j = jQuery.noConflict();
$j('<img />')[0].src = '<?php echo $templateurl; ?>/images/header/1.jpg';
$j('<img />')[0].src = '<?php echo $templateurl; ?>/images/header/2.jpg';
$j('<img />')[0].src = '<?php echo $templateurl; ?>/images/header/3.jpg';

Y me da los siguientes error en todos:
$j('<img />')[0].src = '<?php echo $templateurl; ?>/images/header/1.jpg';
required attribute "src" not specified
required attribute "alt" not specified
document type does not allow element "img" here
El erro lo da aquí: <img />

No sé si alguien sabría decirme que estoy cometiendo mal.

Muchas gracias

[armandoweb]

Hola:

Para que veas como se esta construyendo el codigo de tu web fijate en el código fuente que estas generando.

Por ejemplo en Firefox, al mirar el codigo fuente, los errores los marca en color rojo.

Por el error que te marca el validador estas "armando" mal la etiqueta img. Te deberia quedar algo así:

Código HTML:

<img src="imagen.jpg" width="200" height="100" alt="photo"/> 

Los atributos que te marca como error son src y alt.

Si luego de esto sigues sin solucionarlo vuelve a postear un mensaje.

Espero haberte ayudado.

Saludos.

[DavidNL]

Gracias por tu respuesta armando

He mirado el código fuente desde el firefox y en esas líneas de código no daba ningún error.

He probado a hacer lo siguiente en la primera imagen:
$j('<img src="1.jpg" alt="imagen1" />')[0].src = '<?php echo $templateurl; ?>/images/header/1.jpg';

y al pasar el W3C me dice lo siguiente:

…="/1.jpg" alt="imagen1" />')[0].src =

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

[armandoweb]

Entiendo...

Prueba de sacar el codigo JS y colocarlo dentro de un archivo .js, por ejemplo slide.js y vinculalo como los otros que tienes mas arriba:

Código HTML:

<script src="<?php echo $templateurl; ?>/js/slide.js" type="text/javascript"></script> 

Debería funcionar de igual forma y al validar el codigo no te daría error....

A veces validar el codigo con lineas de js en medio es un rompedero de cabeza, de esta forma lo solucionas.

Espero haberte ayudado.

Saludos.

[DavidNL]

Hola Armando,

Te explico lo que he hecho.

He sacado las siguientes líneas de código:
<script src="<?php echo $templateurl; ?>/js/jquery-1.3.2.js" type="text/javascript"></script>
<script src="<?php echo $templateurl; ?>/js/jquery-slide.js" type="text/javascript"></script>
<script src="<?php echo $templateurl; ?>/js/ie.js" type="text/javascript"></script>

y las he guardado como slide.js dentro de la carpeta js.

Despues un poco más arriba donde están los vinculos:
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $templateurl; ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $templateurl; ?>/css/style.css" type="text/css" />

He añadido el siguiente vínculo al archivo slide.js:
<link rel="stylesheet" href="<script src="<?php echo $templateurl; ?>/js/slide.js" type="text/javascript"></script>

Pero creo que el vinculo lo he escrito mal, ya que no me aparecen las imagenes.

No está correcto verdad?

Muchas gracias

Un saludo

[catska]

Hola, he visto tu codigo y creo que deberia de quedar asi

<link rel="stylesheet" href="/js/slide.js" type="text/javascript">
ya que anteriormente en slide,js agregaste todo el codigo necesario.

Para que te des una idea, al insertar el codigo de esta manera, ya sea java, css, etc. es como darle ctrl+c y ctrl+v directamente donde lo estamos insertando, entonces, todo se puede manejar desde archivos externos y asi, el validador nos dara una pagina limpia de errores.

Espero haber ayudado, saludos