Comunidad de diseño web y desarrollo en internet online

AYUDA VALIDACIÓN CÓDIGO XHTML CSS

Citar            
MensajeEscrito el 09 Dic 2007 08:50 pm
Hola a todos:

Por más vueltas que le doy no encuentro los posibles errores del código (que es muy posible que los tenga) ya que el programa Hera (www.sidar.org/hera) me dice que hay un error:

- DTD: La página NO es válido.
- CSS: El código de las hojas de estilo contiene errores.

Os pongo el código por si podéis ayudarme. Muchas gracias.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

<head>
<title>Título</title>
<script type="text/javascript" src="html/swfobject.js"></script>
<style type="text/css">

.Estilo3 {color: #FFFFFF}

#contenedor{
margin: 5px auto;
text-align:center;
border:6px solid #006600;
image:url{inicio/titulo.jpg};
}

#principal{
padding:8px;
margin-left:145px;
margin-bottom:3px;
}

#acceso{
float:right;
margin-top:90px;
margin-right:80px;
}

#plugin{
padding:1px;
background:#006600;
color:#ffffff;
text-align:center;
}

#voz{
clear:both;
}

#autor{
margin-left:750px;

}

body {
background-image:url(inicio/fondo.jpg);

}

</style>

</head>

<body>
<h6 class="Estilo3">Título</h6>

<div id="contenedor">
<img src="inicio/titulo.jpg" style="border-width:0px;" alt="Título del programa"></img>

</div>

<div id="acceso">
<a href="html/menu.html"><img src="inicio/entrar1.jpg" style="border-width:0px;" alt="Acceso al programa"</img></a>
</div>

<div id="principal">
<div id="contenido_flash">
<h1><a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank" accesskey="p" title="No tienes Flash">Mensaje de advertencia</a></h1>
</div>

<script type="text/javascript">
var so=new SWFObject("inicio/inicio.swf","id","400","245","8","#CCCCCC");
so.write("contenido_flash");
</script>
</div>

<div id="plugin">
<h2>Si necesitas actualizar el reproductor de Flash, pulsa en este icono
<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"><img src="inicio/flashplayer.gif" style="border-width:0px;" alt="Descarga del plugin"</img></a></h2>
</div>

<div id="voz">
<img src="inicio/micro.gif" style="border-width:0px;" alt="Voz"</img>
<strong> Voz: Fulanita</strong>
</div>

<div id="autor">
<strong> Autor: Yo</strong>
<a href="mailto:[email protected]"><img src="inicio/email.gif" style="border-width:0px;" alt="Contacta con el autor"</img></a>
</div><!-- autor -->

</body>
</html>

Por jose_br

20 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 09 Dic 2007 09:23 pm
Acá tenés, eran problemas con los etiquetas de las imágenes, y además le faltaba la definición de codificación de caracteres dentro de la etiqueta <head>

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Título</title>
<script type="text/javascript" src="html/swfobject.js"></script>
<style type="text/css">

.Estilo3 {color: #FFFFFF}

#contenedor{
margin: 5px auto;
text-align:center;
border:6px solid #006600;
image:url{inicio/titulo.jpg};
}

#principal{
padding:8px;
margin-left:145px;
margin-bottom:3px;
}

#acceso{
float:right;
margin-top:90px;
margin-right:80px;
}

#plugin{
padding:1px;
background:#006600;
color:#ffffff;
text-align:center;
}

#voz{
clear:both;
}

#autor{
margin-left:750px;

}

body {
background-image:url(inicio/fondo.jpg);

}

</style>

</head>

<body>
<h6 class="Estilo3">Título</h6>

<div id="contenedor">
<img src="inicio/titulo.jpg" style="border-width:0px;" alt="Título del programa" />

</div>

<div id="acceso">
<a href="html/menu.html"><img src="inicio/entrar1.jpg" style="border-width:0px;" alt="Acceso al programa" /></a>
</div>

<div id="principal">
<div id="contenido_flash">
<h1><a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank" accesskey="p" title="No tienes Flash">Mensaje de advertencia</a></h1>
</div>

<script type="text/javascript">
var so=new SWFObject("inicio/inicio.swf","id","400","245","8","#CCCCCC");
so.write("contenido_flash");
</script>
</div>

<div id="plugin">
<h2>Si necesitas actualizar el reproductor de Flash, pulsa en este icono
<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"><img src="inicio/flashplayer.gif" style="border-width:0px;" alt="Descarga del plugin" /></a></h2>
</div>

<div id="voz">
<img src="inicio/micro.gif" style="border-width:0px;" alt="Voz" />
<strong> Voz: Fulanita</strong>
</div>

<div id="autor">
<strong> Autor: Yo</strong>
<a href="mailto:[email protected]"><img src="inicio/email.gif" style="border-width:0px;" alt="Contacta con el autor" /></a>
</div><!-- autor -->

</body>
</html>


Mirá, tenías tus etiquetas img asÍ

Código :

<img src="inicio/email.gif" style="border-width:0px;" alt="Contacta con el autor"</img>


Y tienen que ser así:

Código :

<img src="inicio/email.gif" style="border-width:0px;" alt="Contacta con el autor" />


Saludos!

Por ClickyMouse

52 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 09 Dic 2007 09:25 pm
Como podés ver, valida perfectamente:

Por ClickyMouse

52 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 09 Dic 2007 09:28 pm
Muchas gracias por tu respuesta, y además tan rápida.

Saludos.

Por jose_br

20 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 09 Dic 2007 09:31 pm
Pero por favor... De eso se trata todo esto...
Además yo recibo mucha ayuda también aquí, así que no son necesarios los agradecimientos.
Saludos!

Por ClickyMouse

52 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 10 Dic 2007 11:06 am
Una pregunta: ¿Cómo has hecho para validarlo? Me refiero a si el programa de validación puede examinar un archivo que tengas en el disco duro o necesitas subirlo a un servidor. Lo he intentado con la página www.w3.org y me da numersosos errores pero no por mi código, sino por el código añadido que incorpora el sitio donde temporalmente he subido el archivo (www.gratisweb.com).

Otra cuestión: ¿Cómo podría hacer un efecto rollOver sobre un botón, es decir, una imagen de sustitución y que no dé errores a la hora de validad la página? Lo he intentado con Dreamweaver pero genera un código que produce errores. Me gustaría incorporarlo en el siguiente código, añadiéndole una segunda imagen ("entrar2.jpg") cuando se pase el puntero del ratón sobre la imagen original ("entrar1.jpg"):

<div id="acceso">
<a href="html/menu.html"><img src="inicio/entrar1.jpg" style="border-width:0px;" alt="Acceso al programa" /></a>
</div>


Saludos.

Por jose_br

20 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 10 Dic 2007 12:28 pm

Por ryuz

350 de clabLevel

2 tutoriales

 

firefox
Citar            
MensajeEscrito el 10 Dic 2007 01:27 pm
Muchas gracias. Ahora no tengo errores, sólo una recomendación:

Byte-Order Mark found in UTF-8 File.

The Unicode Byte-Order Mark (BOM) in UTF-8 encoded files is known to cause problems for some text editors and older browsers. You may want to consider avoiding its use until it is better supported.


¿Sabrías cómo solucionarlo?

Por jose_br

20 de clabLevel



Genero:Masculino  

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.