Div id, div class
A veces nos descargamos una plantilla para nuestro blog que desde un principio si le pasamos el test no valida en xhtml, por algunos pequeños errores o despistes, o que sí valida, pero al adaptarla y empezar a meterle cambios y añadidos la destrozamos.
Me gusta cuando cambio de theme hacer el test y si no valida ir arreglando esos pequeños errores. Primero lo marca en rojo, ¡¡stop!!, te muestra el número de fallos y cuales son.
Para mí personalmente esto se convierte en un reto personal y divertido juego, quiero ver disminuir el número hasta que llegue a 0.
Nunca hablo aquí de este tema, prefiero dejar estos asuntos a personas más expertas y con conocimientos muchos más amplios sobre la materia. Lo poco que sé lo he aprendido gracias al validador de xhtml, así que lo que yo pueda aportar es mínimo. Cuando marca un error mirar de corregirlo, o buscando en google la explicación y solución, modificarlo y volver a probar. Bien un fallo menos, vamos a por el siguiente. Y así hasta lograr que me dé tarjeta verde.
Como en este blog se trata de compartir información y conocimientos y además a mí también me sirve como recordatorio para futuras ocasiones, he pensado que podría ser buena idea comentar los problemas con los que me voy tropezando y la manera cómo los he solucionado. Cosas básicas por supuesto, ya he dicho que no soy experta, ni tampoco como algo muy habitual, ya que no es cada día cuando me pongo a hacer cambios de tema, más que nada por pereza y el trabajo que conlleva.
Hace unos días descargué uno (espero no demorarme mucho en las modificaciones), lo probé en un blog que tengo para pruebas y tenía 3 ó 4 fallos, alguna etiqueta mal cerrada u olvidada o mal colocada. Los corregí, y el test pasó. Al subir la plantilla a esta página salían ¡¡32 errores!! ¿Cómo es posible?
Bien, me di cuenta de una cosa, y es que en el blog de prueba sólo había un post, y en este que leéis ahora bastantes más en la página principal. El problema era debido a las etiquetas:
-
<div id="loquesea">
Div id sólo se puede mostrar una vez y no repetirse, es decir, es un atributo único, en este caso el div id hacía referencia a la fecha, y otros más, evidentemente si hay varios posts en la misma página la fecha se muestra más de una vez, una por cada post, y eso al validador de xhtml no le gusta.
Solución, usar:
-
<div class="loquesea">
Para ello primero debemos ir a la hoja de estilos.
# delante del atributo nos dice que hace referencia a ID y un punto a CLASS.
En este caso lo que hice fue modificar en el archivo .css # por . y después en la plantilla, en el archivo index.php que era donde hacía referencia el error, cambiar:
-
<div id="dateblock">
Por:
-
<div class="dateblock">
(Pongo como ejemplo dateblock que era uno de los que daban fallo, pero había varios de este tipo).
eckelon
El nuevo tema...
Juan Lomas
Maribel
Buen sistema para ir corrigiendo cosillas. Sino me equivoco el propio validador da sugerencias para corregir los fallos.
jeje, en contadas ocasiones hice lo mismo, probar hasta que pasa la validación, pero igual al no ser experto en el tema nunca publique lo que hice para corregir los problemas…