Validar sitio

Dr_Sick · #1 (**permalink**) 16/10/2009, 10:54

Hola gente..quisiera si es posible quitarles algo de su tiempo, el asunto es que quiero validar un sitio pero estoy teniendo problemas con un formulario y un lightbox para archivos flash...
en sintesis pienso que quizás este colocando mal algunas etiquetas del formulario y en el caso del lightbx al llamarlo necesito especificar dentro del codigo el ancho y alto de la pelicula cosa que el validador me impide.
les dejo la url es "un punto com"y como soy novato en el foro no puedo postear el codigo ni la url completa...

www renepedreros com

acepto criticas ya que estoy recién en proceso de aprendizaje ...saludos y desde ya muchas gracias¡¡¡

murderer · #2 (**permalink**) 16/10/2009, 11:05

Holas Dr_Sick,

Seria bueno que pongas los códigos asi es más fácil

Saludos!

Dr_Sick · #3 (**permalink**) 16/10/2009, 11:18

ahmmm seria bueno pero no puedo pq soy novato, por lo mismo dejo mi url, la puedes checar en la pagina de la w3c.org q me tira varios errores la idea es ir solucionandolos yo he eliminado algunas pero me he quedado pegado hasta esta parte por eso pido ayuda...saludos

murderer · #4 (**permalink**) 16/10/2009, 11:35

Cita:

Iniciado por Dr_Sick

ahmmm seria bueno pero no puedo pq soy novato, por lo mismo dejo mi url, la puedes checar en la pagina de la w3c.org q me tira varios errores la idea es ir solucionandolos yo he eliminado algunas pero me he quedado pegado hasta esta parte por eso pido ayuda...saludos

Holas,

Jaja no lei "les dejo la url es "un punto com"y como soy novato en el foro no puedo postear el codigo ni la url completa..."

Estos errores, (Line 87, Column 76: Attribute "width" exists, but can not be used for this element.) creo que puedes solucionarlos usando CSS:

Archivo CSS

Código:

#lista {
width:550px; 
height:400px; 
}

Archivo xHTML

Código HTML:

<li class="list_works"><a href="motion/cielo_jazz.swf" id="lista" rel="lightbox" title="work one">

Saludos!

kseso? · #5 (**permalink**) 16/10/2009, 11:35

Cita:

Iniciado por murderer

Holas Dr_Sick,

Seria bueno que pongas los códigos asi es más fácil

Saludos!

Opppsssss! Está el enlace a la página

Utilizas un doctype strict:

Cita:

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

por lo tanto no puedes colocar en el cuerpo del documento cosas como "width=XX"
Los estilos deben ir en su hoja css o en el head dentro de su etiqueta. Y si por alguna razón no tienes más remedio que colocar alguno en el cuerpo, su sintaxis sería:

Cita:

El resto de errores relativos al formulario, son referentes a mal cierre de las etiquetas.
Te dejo un ejemplo de un formulario que valida no sólo el xhtml sino también en hera (accesibilidad)

Código html:

Ver original<form method="post" action="#top_3" id="formone">
                <fieldset id="form">             
                           <label for="usuario" >Nombre*:</label>
                          <input id="usuario" name="usuario" type="text" accesskey="n" value="Su Nombre" />
                        <label for="comp">Empresa:</label>
                           <input id="comp" type="text" name="comp" accesskey="e" value="Su empresa" />
                        <label for="mail">Mail*:</label>
                           <input id="mail" type="text" name="mail" accesskey="m" value="Su direcci&oacute;n email" />                           
                        <label for="web">P&aacute;gina Web:</label>
                           <input id="web" type="text" name="web" accesskey="p" value="http://" />                           
                        <label for="comment">Comentario*:</label>
                           <textarea id="comment" cols="33" rows="4" name="comment" accesskey="c" >Aqu&iacute; su comentario</textarea>
                        <label for="submit">&nbsp;</label>
                <input name="submit" type="submit" class="submit" id="submit" value="Enviar" />
                </fieldset>            
              </form>

Y la advertencia:

Cita:

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

Ya se ha hablado algo al respecto, creo que tiene que ver con la codificación que usas (charset=utf-8) y algo referente al bom, pero ahí ya no llego.

Un saludo

murderer · #6 (**permalink**) 16/10/2009, 11:41

Cita:

Iniciado por kseso?

Opppsssss! Está el enlace a la página

Utilizas un doctype strict:
por lo tanto no puedes colocar en el cuerpo del documento cosas como "width=XX"
Los estilos deben ir en su hoja css o en el head dentro de su etiqueta. Y si por alguna razón no tienes más remedio que colocar alguno en el cuerpo, su sintaxis sería:
El resto de errores relativos al formulario, son referentes a mal cierre de las etiquetas.
Te dejo un ejemplo de un formulario que valida no sólo el xhtml sino también en hera (accesibilidad)

Código html:

Ver original<form method="post" action="#top_3" id="formone">
                <fieldset id="form">             
                           <label for="usuario" >Nombre*:</label>
                          <input id="usuario" name="usuario" type="text" accesskey="n" value="Su Nombre" />
                        <label for="comp">Empresa:</label>
                           <input id="comp" type="text" name="comp" accesskey="e" value="Su empresa" />
                        <label for="mail">Mail*:</label>
                           <input id="mail" type="text" name="mail" accesskey="m" value="Su direcci&oacute;n email" />                           
                        <label for="web">P&aacute;gina Web:</label>
                           <input id="web" type="text" name="web" accesskey="p" value="http://" />                           
                        <label for="comment">Comentario*:</label>
                           <textarea id="comment" cols="33" rows="4" name="comment" accesskey="c" >Aqu&iacute; su comentario</textarea>
                        <label for="submit">&nbsp;</label>
                <input name="submit" type="submit" class="submit" id="submit" value="Enviar" />
                </fieldset>            
              </form>

Y la advertencia:
Ya se ha hablado algo al respecto, creo que tiene que ver con la codificación que usas (charset=utf-8) y algo referente al bom, pero ahí ya no llego.

Un saludo

Esto se llama ayuda rápida.

Dr_Sick · #7 (**permalink**) 16/10/2009, 11:47

Cita:

Iniciado por kseso?

Opppsssss! Está el enlace a la página

Los estilos deben ir en su hoja css o en el head dentro de su etiqueta. Y si por alguna razón no tienes más remedio que colocar alguno en el cuerpo.....

si entiendo perfecto y muchas gracias lo que pasa es que el lightbox q ocupo funciona asi cuando se trata de archivos flash entonces claro me imagino que voy a tener que darle un estilo especifico para cada flash que quiera poner desde la hoja de estilos a ver si funciona...gracias por las respuestas voy a checar y posteo

Dr_Sick · #8 (**permalink**) 16/10/2009, 13:07

bueno ahora funciona casi perfecto me falta arreglar algo del formulario pero sigo con problemas en el lightbox mmmmm me parece q voy a tener q meter mano en el estilo del propio lightbox para dejar un tamaño predeterminado :S

kseso? · #9 (**permalink**) 16/10/2009, 13:39

Pero ¿cuál es el problema con lightbox?
Si anteriormente lo habías arreglado así:

Cita:

para que te valide sólo tienes que usar la forma correcta en xhtml y que te comentaba:

Cita:

Dr_Sick · #10 (**permalink**) 16/10/2009, 13:48

Cita:

Iniciado por kseso?

Pero ¿cuál es el problema con lightbox?
Si anteriormente lo habías arreglado así:

para que te valide sólo tienes que usar la forma correcta en xhtml y que te comentaba:

mira si haces clic sobre el primer thumbnail de MOTION te vas a dar cuenta a que me refiero

kseso? · #11 (**permalink**) 16/10/2009, 14:23

El problema lo genera:
#imageDataContainer que tiene una anchura del 100% --> width:100% en los estilos del lightbox (lightbox.css línea 56) cuando originalmente esa anchura la debería calcular el js correspondiente para que fuese la misma que #outerImageContainer (la caja que contiene la imagen y su "marco") y sin embargo toma el 100% de su padre #lightbox que es el 100% de body
No se si será porque has tocado algo del js o del css o si será algún problema de lightbox para manejar los flash

Un saludo

Dr_Sick · #12 (**permalink**) 16/10/2009, 14:32

no he tocado nada @kseso? yo creo q por eso en las especificaciones de uso hay q darle instrucciones de ancho y alto desde el html sino se va al carajo...por eso digo o algo esta mal o hay q personalizarlo para que funcione correctamente

kseso? · #13 (**permalink**) 16/10/2009, 14:49

Creo recordad que el script "lightbox" tiene problemas para manejar los flash, y de hecho más de un clon de ese js la ventaja que publicitaba era manejar los objetos distintos a imágnes (mp3, flash, vídeo...)
Antes de seguir calentándote la cabeza, verifica ese detalle. Todo será que tengas que cambiar de js.
Aquí tienes una tabla comparativa de ellos:
http://planetozh.com/projects/lightbox-clones/

busca por clones de lightbox o alguna cadena similar

Un saludo

Dr_Sick · #14 (**permalink**) 16/10/2009, 15:00

Cita:

Iniciado por kseso?

Creo recordad que el script "lightbox" tiene problemas para manejar los flash, y de hecho más de un clon de ese js la ventaja que publicitaba era manejar los objetos distintos a imágnes (mp3, flash, vídeo...)
Antes de seguir calentándote la cabeza, verifica ese detalle. Todo será que tengas que cambiar de js.
Aquí tienes una tabla comparativa de ellos:

busca por clones de lightbox o alguna cadena similar

Un saludo

:( bueno muchas gracias ...saludos¡¡