validacion XHTML

Javiglez · #1 (**permalink**) 18/05/2006, 03:06

Hola, estoy pasando la validacion de XHTML sctric y me da dos fallos que no se porque pueden estar mal, el primero es este

Error Line 34 column 20: document type does not allow element "p" here.
<p class="Estilo2">Ultimas Noticias </p>

no entiendo porque esta mal si cierro bien los tags etc..y el segundo es este

Error Line 49 column 7: end tag for "table" which is not finished.
</table>

me dice q no he cerrado la tabla y si que lo he hecho, no lo entiendo, si alguien me puede ayudar, gracias.

JavierB · #2 (**permalink**) 18/05/2006, 03:08

Hola Javiglez

¿Tienes la página en algún sitio donde podamos verla? o pon parte del código que estás usando.

Saludos,

Javiglez · #3 (**permalink**) 18/05/2006, 03:20

www.nogues.es/noticias.html es esa la que me da esos fallos, Gracias JavierB

tunait · #4 (**permalink**) 18/05/2006, 03:21

Buenas

Cita:

Iniciado por Javiglez

Error Line 34 column 20: document type does not allow element "p" here.
<p class="Estilo2">Ultimas Noticias </p>

no entiendo porque esta mal si cierro bien los tags etc..y el segundo es este

Si te fijas no te indica que no lo hayas cerrado si no que está en un lugar donde no debería estar. Tal vez tengas anidado el p dentro de un elemento de línea.

Cita:

Iniciado por Javiglez

Error Line 49 column 7: end tag for "table" which is not finished.
</table>

me dice q no he cerrado la tabla y si que lo he hecho, no lo entiendo

No te dice que no hayas cerrado la tabla, si no que el tag de cierre no está terminado (revisa que esté correcto)

Un saludo

JavierB · #5 (**permalink**) 18/05/2006, 03:28

Hola de nuevo.

Código:

<table width="449" border="0" cellpadding="0" cellspacing="10">
           
  
  <p class="Estilo2">&nbsp;</p>

Has puesto una etiqueta <table> pero no has puesto ni filas <tr> ni celdas <td>

Saludos,

Javiglez · #6 (**permalink**) 18/05/2006, 03:30

Pues no se como poner entonces el titulo de ultimas noticias entonces sino es con la etiqueta p para parrafo, el caso es que luego tengo mas parrafos y no me da fallo...y lo de la tabla que yo sepa las tablas se cierran con un </table>, esto es de locos....

Javiglez · #7 (**permalink**) 18/05/2006, 03:31

voy a ver gracias JavierB

tunait · #8 (**permalink**) 18/05/2006, 03:35

ala, cuando puse mi mensaje anterior aún no estaba el link (ahora me entero)

Cita:

Iniciado por Javiglez

Pues no se como poner entonces el titulo de ultimas noticias

Javiglez, debes marcar tus títulos con los tags específicos para ello. Usa los h1, h2 etc.

Javiglez · #9 (**permalink**) 18/05/2006, 03:58

Bien entendido tunait, gracias, lo que quiero es maquetar un par de noticias en esa seccion que he puesto la dirección y no se si es lo mas indicado usar tablas o como, lo que quiero es que quede la foto a la izquierda y el texto a la derecha, se hace de otra manera o usando una tabla?¿

Javiglez · #10 (**permalink**) 18/05/2006, 04:07

o si sabeis de algun ejemplo para maquetar texto con tablas pos si sois tan amables de facilitarmelo, esque me tiene frito la maquetación de la sección noticias. Gracias

tunait · #11 (**permalink**) 18/05/2006, 04:14

Puedes usar un formato como este

Código HTML:

<body>
<h1>Noticias</h1>
<div id="noticia">
	<h2>titulo noticia</h2>
	<p><em class="m">fecha</em></p> 
	<img src ="tec." alt="tec." />
	<p> parrafo</p>
	<p>parrafo</p>
	<p>etc.</p>
</div>

y los estilos css algo como esto

Código HTML:

h1{
 formato para título principal;
}
#noticia h2{
 formato para el título de la noticia;
}
em.m{
	formato para fecha;
}
#noticia img{
	width: 333px;
	float: left;
}
#noticia p{
	formato para los párrafos;
}

Prueba y nos cuentas qué tal

Un saludo

Javiglez · #12 (**permalink**) 18/05/2006, 04:16

muy amable tunait me pongo con ello y te cuento, gracias por todo.

Javiglez · #13 (**permalink**) 18/05/2006, 04:41

tunait ha quedado muy bien como puedes ver www.nogues/noticias.html lo unico que no se me ocurre como hacer para que la foto quede mas separada de el texto de la derecha es lo unico que queda muy mal, sabes solucionarlo? ahh y lo mas importante en firefox no me coge los estilos del css...es rarisimo en el explorer si...
gracias una vez mas...

tunait · #14 (**permalink**) 18/05/2006, 04:44

Puedes aplicarle márgenes a la imagen desde aquí

Código:

#noticia img{
	width: 333px;
	float: left;
	margin-right: 10px;
}

Ahora echo un ojo a ver por qué no le gusta a firefox

Javiglez · #15 (**permalink**) 18/05/2006, 04:45

perdon es www.nogues.es/noticias.html, en mi maquina con el firefox se ve bien pero cuando la subo a la red no coge los estilos en firefox en explorer si...q raro.

Javiglez · #16 (**permalink**) 18/05/2006, 04:53

lo otro perfecto, ya he pillado bien la maquetación lo que es rarisimo es lo del firefox, gracias eres un cielo tunait!!!!

tunait · #17 (**permalink**) 18/05/2006, 04:53

Sí, ya le había puesto el .es como en el primer link quedejaste.

Pues la primera vez que la cargué con firefox no cargaron los estilos pero ahora sí los está cargando bien

Igual dá un monton de avisos, tienes algunas propiedades con valores incorrectos. Por ejemplo la propiedad float tiene sólo 3 valores: left, right y none (no existe center para float)

Por otro lado usas un dtd estricto pero usas elementos depreciados para ese dtd, como el atributo width en la imagen. Si ya le aplicas el ancho desde la hoja de estilos puedes elminarle ese atributo al tag de img

tunait · #18 (**permalink**) 18/05/2006, 04:59

Cita:

Iniciado por Javiglez

eres un cielo tunait!!!!

Ops, gracias

Si, esto es pillarle el truco

Te paso un link a una referencia rápida de css2 http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/

Algunas cosas que no están correctas son las siguientes:

align:center; debe ser text-align:center;
text-color: #FFFFFF; debe ser font-color: #FFFFFF;

un saludo

Javiglez · #19 (**permalink**) 18/05/2006, 05:00

Gracias tunait muy muy amable, si tengo q pasar la validación XHTML sctrict asi que quitar el width del contenido y bueno para centrar el titulo me buscare la vida ahora no se me ocurre nada pero no creo q sea dificil, muy amable tunait, muy agradecido gracias por tu tiempo. 1abrazo.

Javiglez · #20 (**permalink**) 18/05/2006, 05:03

gracias tomo nota y corrijo

gracias de verdad

Javiglez · #21 (**permalink**) 18/05/2006, 05:08

xcierto tunait como veo que eres muy buena en el tema, si tienes tiempo de echar un vistazo rapidito acepto criticas constructivas de la toda la pagina en general....www.nogues.es saludos

Javiglez · #22 (**permalink**) 18/05/2006, 05:20

sigue sin cogerme los estilos la sección noticias www.nogues.es/noticias.html con el firefox!!! que hecho yo al firefox?