Validación Web

Estoy tratando de ver qué errores tiene la web para que valide bien, pero me encuentro con varios errores que no sé como resolver, a saber:

<a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.deltafly.com.ar%2Fprueba%2Findex.php&profile=css21&usermedium=all&warning=1&lang=es" target="_blank">http://jigsaw.w3.org/css-validator/validat...rning=1&lang=es</a>
- <!--coloro:#FFCC33--><span style="color:#FFCC33"><!--/coloro-->Propiedad no válida : float center no es un valor de float : center<!--colorc--></span><!--/colorc-->
- Y después un montón de advertencias porque no le gusta los colores que elegí para el diseño, y bueno, que se joda jajaja

Preguntas:
1- Cómo hago para centrar el contenedor principal (todo lo demás no importaría tanto) si no lo hago con float center?
2- Pasa algo con las advertencias? Influyen en algo?


<a href="http://www.accesible.com.ar/examinator/index.php" target="_blank">http://www.accesible.com.ar/examinator/index.php</a>
<!--coloro:#FFCC33--><span style="color:#FFCC33"><!--/coloro-->- Contenido alternativo para scripts: Proporcione un texto equivalente para todo elemento no textual (por ejemplo, a través de "alt", "longdesc" o en el contenido del elemento). <!--colorc--></span><!--/colorc-->
Dónde pongo eso y cuál es la sintaxis?

<!--coloro:#FFCC33--><span style="color:#FFCC33"><!--/coloro-->- Uso de Flash: ídem anterior<!--colorc--></span><!--/colorc-->
El flash es solo el banner en el header y ya tiene un alt, qué más quiere?

<!--coloro:#FFCC33--><span style="color:#FFCC33"><!--/coloro-->
- Uso de medidas absolutas: no usar px en fuentes<!--colorc--></span><!--/colorc-->
Y qué medida uso entonces? porcentajes? cómo los determino?


<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.deltafly.com.ar%2Fprueba%2F&charset=%28detect+automatically%29&doctype=Inline&group=0" target="_blank">http://validator.w3.org/check?uri=http%3A%...=Inline&group=0</a>
Este da bien :clapping:

 

A ver, vamos por partes.....

<!--quoteo(post=314228:date=May 28 2008, 04:49 PM:name=MarcelaP)--><div class='quotetop'>CITA(MarcelaP @ May 28 2008, 04:49 PM) [snapback]314228[/snapback]</div><div class='quotemain'><!--quotec-->
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.deltafly.com.ar%2Fprueba%2Findex.php&profile=css21&usermedium=all&warning=1&lang=es" target="_blank">http://jigsaw.w3.org/css-validator/validat...rning=1&lang=es</a>
- <!--coloro:#FFCC33--><span style="color:#FFCC33"><!--/coloro-->Propiedad no válida : float center no es un valor de float : center<!--colorc--></span><!--/colorc-->
- Y después un montón de advertencias porque no le gusta los colores que elegí para el diseño, y bueno, que se joda jajaja
<!--QuoteEnd--></div><!--QuoteEEnd-->

float no tiene center, tiene left, right o none.....es por eso que ese atributo te da error.

<!--quoteo(post=314228:date=May 28 2008, 04:49 PM:name=MarcelaP)--><div class='quotetop'>CITA(MarcelaP @ May 28 2008, 04:49 PM) [snapback]314228[/snapback]</div><div class='quotemain'><!--quotec-->
Preguntas:
1- Cómo hago para centrar el contenedor principal (todo lo demás no importaría tanto) si no lo hago con float center?
2- Pasa algo con las advertencias? Influyen en algo?
<!--QuoteEnd--></div><!--QuoteEEnd-->

1- body{margin auto; text-align:center;}
2- Las advertencias son solo eso, advertencias. Lo optimo seria no tener ninguna.....

<!--quoteo(post=314228:date=May 28 2008, 04:49 PM:name=MarcelaP)--><div class='quotetop'>CITA(MarcelaP @ May 28 2008, 04:49 PM) [snapback]314228[/snapback]</div><div class='quotemain'><!--quotec-->
<a href="http://www.accesible.com.ar/examinator/index.php" target="_blank">http://www.accesible.com.ar/examinator/index.php</a>
<!--coloro:#FFCC33--><span style="color:#FFCC33"><!--/coloro-->- Contenido alternativo para scripts: Proporcione un texto equivalente para todo elemento no textual (por ejemplo, a través de "alt", "longdesc" o en el contenido del elemento). <!--colorc--></span><!--/colorc-->
Dónde pongo eso y cuál es la sintaxis?
<!--QuoteEnd--></div><!--QuoteEEnd-->

Esto es por accesibilidad, deberia tener un contenido equivalente al que tenes en javascript en HTML

<!--quoteo(post=314228:date=May 28 2008, 04:49 PM:name=MarcelaP)--><div class='quotetop'>CITA(MarcelaP @ May 28 2008, 04:49 PM) [snapback]314228[/snapback]</div><div class='quotemain'><!--quotec-->
<!--coloro:#FFCC33--><span style="color:#FFCC33"><!--/coloro-->- Uso de Flash: ídem anterior<!--colorc--></span><!--/colorc-->
El flash es solo el banner en el header y ya tiene un alt, qué más quiere?
<!--QuoteEnd--></div><!--QuoteEEnd-->

Que mas quiere????...........jajajaajajajajaj idem lo que te explique anteriormente, contenido equivalente al flash en HTML

<!--quoteo(post=314228:date=May 28 2008, 04:49 PM:name=MarcelaP)--><div class='quotetop'>CITA(MarcelaP @ May 28 2008, 04:49 PM) [snapback]314228[/snapback]</div><div class='quotemain'><!--quotec-->
<!--coloro:#FFCC33--><span style="color:#FFCC33"><!--/coloro-->
- Uso de medidas absolutas: no usar px en fuentes<!--colorc--></span><!--/colorc-->
Y qué medida uso entonces? porcentajes? cómo los determino?
<!--QuoteEnd--></div><!--QuoteEEnd-->

Podes utilizar pt (puntos) o em :adios:

 

Gracias DragonX! Pero no termina acá la cosa...

<!--quoteo--><div class='quotetop'>CITA</div><div class='quotemain'><!--quotec-->
float no tiene center, tiene left, right o none.....es por eso que ese atributo te da error.
1- body{margin auto; text-align:center;}<!--QuoteEnd--></div><!--QuoteEEnd-->

Yo quiero alinear todo un contenedor, el que contiene toda la página, para que se vea en el medio de la pantalla, no alinear el texto. En algunos divs tengo float center y text-align left por ejemplo.


<!--quoteo--><div class='quotetop'>CITA</div><div class='quotemain'><!--quotec-->...deberia tener un contenido equivalente al que tenes en javascript en HTML <!--QuoteEnd--></div><!--QuoteEEnd-->
Yo de javascript se lo mismo que de física cuántica, lo que significa que no estoy segura de qué es lo que hacen esos códigos, uno es del contador de google, otro el contador que realmente uso, y otros están en las galerías de fotos, todos son códigos prediseñados que malamente podría yo modificar o reemplazar por hml (ni pienso intentarlo siquiera)

En el flash supongo que podría poner algo, pero dónde? porque eso no debe aparecer realmente, solo es para darle el gusto al coso ese. Cómo debería ponerlo?
Mi código es este:
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1--><object type="application/x-shockwave-flash" data="images/head.swf" width="960" height="142">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<param name="movie" value="images/head.swf" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<param name="quality" value="high" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="flash.png" width="960" height="142" alt="Delta Fly - Aeromodelismo" />
&nbsp;&nbsp;&nbsp;&nbsp;</object> <!--c2--></div><!--ec2-->


<!--quoteo--><div class='quotetop'>CITA</div><div class='quotemain'><!--quotec-->Podes utilizar pt (puntos) o em <!--QuoteEnd--></div><!--QuoteEEnd-->
Qué cosa es un em? Hay alguna tabla que indique a cuántos px equivale un em?

Esto es lo que se me ocurre por ahora, que conociéndome no será lo último!! jaja

 

El tema de alinear no existe center, por tanto lo que haces es darle a tu div ancho fijo y margenes automatico izquierdo y derecho.

De javascript no tienes que saber nada, solo debes saber de HTML y CSS, y de acuerdo a que tanto quieras validar también sobre WIA.

JavaScript y Flash, como dije muchas veces no son contenidos estándares de web, por tanto debes tener contenido alternativo, te recomiendo leer este post de mi blog:

Pescando SEO con FLASH
<a href="http://www.jorgeoyhenard.com/pescando-seo-con-flash/17/" target="_blank">http://www.jorgeoyhenard.com/pescando-seo-con-flash/17/</a>

cuanto tienes javascript debes tener un noscript que es la forma de poner contenido alternativo:

<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->
<s cript>
tu javascript aca
</s cript>
<noscript>
<p>lo siento pero su navegador no soporta javascript</p>
</noscript>
<!--c2--></div><!--ec2-->

El motivo de esto es sencillo, y ya que validas accesibilidad debes de tener una web accesible para los que tienen ganas de ver webs, pero sin todo el agregado de cosas raras adicionales como JavaScript.

Con flash lo mismo , debes tener contenido alternativo, y en el post de mi blog hay algunas formas de hacerlo, aunque a veces es mejor dejar nomas que de error, ya que lo correcto sería no usar flash (hablando de WIA).

Que cosa es un em, bueno lo que digo siempre, si vas a hacer webs, debes comenzar por el principio , o sea LEER HTML, px, dot, em, son medidas de tamaño de fuentes, divs, etc.

Las px no son apropiados ya que (dicho a lo bestia) son "fijos" y no es bueno porque no todos los navegadores y dispositivos tienen el mismo tamaño.

Te dejo el link de Uso de em en tamaños de fuentes
<a href="http://www.w3.org/TR/WCAG20-TECHS/C14.html" target="_blank">http://www.w3.org/TR/WCAG20-TECHS/C14.html</a>

 

<!--quoteo(post=314253:date=May 28 2008, 05:54 PM:name=MarcelaP)--><div class='quotetop'>CITA(MarcelaP @ May 28 2008, 05:54 PM) [snapback]314253[/snapback]</div><div class='quotemain'><!--quotec-->
Gracias DragonX! Pero no termina acá la cosa...
Yo quiero alinear todo un contenedor, el que contiene toda la página, para que se vea en el medio de la pantalla, no alinear el texto. En algunos divs tengo float center y text-align left por ejemplo.
<!--QuoteEnd--></div><!--QuoteEEnd-->

Ok.
Supongamos que tu contenedor se llama "contenedor" (muy creativo lo mio...)

Tu CSS
#contenedor{
margin:0 auto/*Esto lo alinea al centro de la pagina*/
text-align:center; /*A veces Explorer no entiende el "margin:0 auto"*/
}

No importa que aca diga "text-align:center", ya que después a tus div les vas a asignar la alineación que necesites.

<!--quoteo(post=314253:date=May 28 2008, 05:54 PM:name=MarcelaP)--><div class='quotetop'>CITA(MarcelaP @ May 28 2008, 05:54 PM) [snapback]314253[/snapback]</div><div class='quotemain'><!--quotec-->
Yo de javascript se lo mismo que de física cuántica, lo que significa que no estoy segura de qué es lo que hacen esos códigos, uno es del contador de google, otro el contador que realmente uso, y otros están en las galerías de fotos, todos son códigos prediseñados que malamente podría yo modificar o reemplazar por hml (ni pienso intentarlo siquiera)

En el flash supongo que podría poner algo, pero dónde? porque eso no debe aparecer realmente, solo es para darle el gusto al coso ese. Cómo debería ponerlo?
Mi código es este:
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1--><object type="application/x-shockwave-flash" data="images/head.swf" width="960" height="142">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<param name="movie" value="images/head.swf" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<param name="quality" value="high" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="flash.png" width="960" height="142" alt="Delta Fly - Aeromodelismo" />
&nbsp;&nbsp;&nbsp;&nbsp;</object> <!--c2--></div><!--ec2-->
<!--QuoteEnd--></div><!--QuoteEEnd-->

No te preocupes, buscar info en google sobre <b>swfObject</b> ahí vas a encontrar todo

<!--quoteo(post=314253:date=May 28 2008, 05:54 PM:name=MarcelaP)--><div class='quotetop'>CITA(MarcelaP @ May 28 2008, 05:54 PM) [snapback]314253[/snapback]</div><div class='quotemain'><!--quotec-->
Qué cosa es un em? Hay alguna tabla que indique a cuántos px equivale un em?

Esto es lo que se me ocurre por ahora, que conociéndome no será lo último!! jaja
<!--QuoteEnd--></div><!--QuoteEEnd-->

jajajaajajajaaj te dejo un link <a href="http://www.webtaller.com/construccion/lenguajes/css/lecciones/unidades-medidas-css-2.php" target="_blank">Unidades y Medidas en CSS</a> y como bien dije antes, si pones <b>medidas en CSS</b> en google aparecen un montón de tutos que estan muy buenos :arriba:

Espero haberte ayuddo.
Slds

 

Gracias Quique y DragonX, son lo más!!!

PD para Quique: Ya había leído el artículo en tu blog Quique, solo que me pareció demasiado elevado para mi, aunque sí entendí el fondo de la cuestión.

PD para DragonX: Mi contenedor se llama contendor!

 

ufa que poco original jaja, cámbiale de nombre y ponle concuchara, concuchillo, o algo por el estilo

 

Bastante que hay un contenedor Quique, recién estoy empezando a entender el css no me pidas creatividad también!!!

Ya pasé del puesto 25º al 19º, ya estoy en verde!!

Ah, y descubrí cómo se usa la página de W3.org con sus pautas y todo eso... no me había percatado lo de las prioridades y el índice de la página... ya sé, ya sé, me tardé un poco, pero mejor tarde que nunca!!

 

<!--quoteo(post=314593:date=May 29 2008, 08:57 PM:name=elQuique)--><div class='quotetop'>CITA(elQuique @ May 29 2008, 08:57 PM) [snapback]314593[/snapback]</div><div class='quotemain'><!--quotec-->
ufa que poco original jaja, cámbiale de nombre y ponle concuchara, concuchillo, o algo por el estilo
<!--QuoteEnd--></div><!--QuoteEEnd-->

Al nombrar variables, clases, identificadores -cuando encapsulemos informacion bajo una etiqueta- siempre conviene usar identificadores mnemotecnicos

Un saludo

 

??

 

Creo que no entendió tu broma Quique...

 

Es que hay gente que en vez de antenas parabólicas usa antenas de goma y no son muy receptoras, y luego de listillos se ponen a explicar ajaja

 

Yo tambien quise hacer una broma con esa respuesta... :huh:

el foro es muy bueno
un saludo

 

Ups... es que Quique y yo usamos la parabólica de goma durante los fines de semana jajajaja

 

jajajaja

 

jajaja no dejo de reirme jajjajaja :laughing1: sí que son originales!