Re: [Ovillo] Optimizar clases
@Jaume: Puedes probarlo directamente en http://validator.w3.org/ Pero sí, sí que valida el documento en XHTML 1.0 Strict El 7 de julio de 2010 23:39, jaume op jaum...@gmail.com escribió: Con un doctype stric validaría texto sin marcar? divEsto es un párrafo?/div divpEsto si es un párrafo/p/div Saludos Jaume El 7 de julio de 2010 19:45, Guadalupe Cervilla guadalupe...@gmail.com escribió: ¿No se podría directamente dar formato a los parrafos poniéndoles una clase a cada uno, sin tener que meterlos en divs?, ya que ambos de hecho ya están metidos en una div. Así se ahorraría un poco de código. La cosa sería: div class=bloque-1- que también podría ser un id en lugar de una clase - Aquí se definen tamaños y los datos comunes. h1Texto grande negrita/h1 - o bien la etiqueta que corresponda - Donde especifícas lo de negrita y su tamaño p class=dato1Texto pequeño rojo/p - especificas el color rojo p class=dato2Texto pequeño gris/p - incluso este class lo puedes eliminar ya que el color gris y todas las características también lo puedes definir en el div bloque-1 /div Es una idea Guadalupe Cervilla El 7 de julio de 2010 19:17, Tei oscar.vi...@gmail.com escribió: 2010/7/7 Rafa Artacho teme...@gmail.com: Estoy creando un bloque con distintas clases, este bloque se compone de: Una caja de 200px con tres textos distintos dentro: *Texto grande negrita* Texto pequeño rojo Texto pequeño gris El html queda así: div class=bloque-1Texto grande negrita div class=dato1Texto pequeño rojo/div div class=dato2Texto pequeño gris/div ... ¿Véis correcta esta práctica o es mejor crear clases individuales? Igual es preferible un html mas asi: div class=bloque id=b1 h2Texto grande negrita/h2 div class=dato primero pTexto pequeño rojo/p /div div class=dato ultimo pTexto pequeño gris/p /div p texto pequeño en italica/p /div 1) es mas semantico, el contenido esta etiquetado por su uso. h2 para algo que creo es un titulo. de todos modos no se si es perfecto,no entiendo todas las reglas que regulan que meter dentro de que (etiquetas de bloque y tal). 2) bloque-1 parece mas un id que una clase, asi que lo he dividido en un id y una clase. he separdo dato1 en dato primero por parecido motivo. podria haber uno o varios elementos entre dato1 y dato2 con clase dato enmedio. Una organización asi podria ser util en el futuro. 3) mas semantica, he metido todos los parrafos dentro de un p. no se si es una buena idea, pero siempre me ha dado la sensacion de que meter parrafos en bloques que no son parrafos irrita a los dioses de la informatica. del css no te voy a comentar nada, porque es un tanto apelotonado, y eso pasa muchas veces, y no siempre hay buenos motivos para decir que esta tremendamente mal. Seria como decir que una muchacha no es guapa, porque la has visto no estando peinada. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Guadalupe www.hacerwebs.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Optimizar clases
Estoy creando un bloque con distintas clases, este bloque se compone de:
Una caja de 200px con tres textos distintos dentro:
*Texto grande negrita*
Texto pequeño rojo Texto pequeño gris
El html queda así:
div class=bloque-1Texto grande negrita
div class=dato1Texto pequeño rojo/div
div class=dato2Texto pequeño gris/div
/div
con el objeto de no crear muchas clases, aprovechando la herencia, he hecho
lo siguiente:
.contenido-superior
.bloque-1{font-size:1.8em;font-weight:700;float:left;background:none;height:auto;width:200px;padding:0
20px;}
.contenido-superior .bloque-1
.dato1{color:#cc;font-size:.7em;font-weight:normal;}
.contenido-superior .bloque-1 .dato2{color:#BABBAD;}
¿Véis correcta esta práctica o es mejor crear clases individuales?
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Optimizar clases
Disculpad, el CSS sería así:
.contenido-superior
.bloque-1{font-size:1.8em;font-weight:700;float:left;background:none;height:auto;width:200px;padding:0
20px;}
.contenido-superior .bloque-1
.dato1{color:#cc;font-size:.7em;font-weight:normal;}
.contenido-superior .bloque-1 .dato2{color:#BABBAD;
font-size:.7em;font-weight:normal;}
2010/7/7 Rafa Artacho teme...@gmail.com
Estoy creando un bloque con distintas clases, este bloque se compone de:
Una caja de 200px con tres textos distintos dentro:
*Texto grande negrita*
Texto pequeño rojo Texto pequeño gris
El html queda así:
div class=bloque-1Texto grande negrita
div class=dato1Texto pequeño rojo/div
div class=dato2Texto pequeño gris/div
/div
con el objeto de no crear muchas clases, aprovechando la herencia, he hecho
lo siguiente:
.contenido-superior
.bloque-1{font-size:1.8em;font-weight:700;float:left;background:none;height:auto;width:200px;padding:0
20px;}
.contenido-superior .bloque-1
.dato1{color:#cc;font-size:.7em;font-weight:normal;}
.contenido-superior .bloque-1 .dato2{color:#BABBAD;}
¿Véis correcta esta práctica o es mejor crear clases individuales?
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Optimizar clases
2010/7/7 Rafa Artacho teme...@gmail.com: Estoy creando un bloque con distintas clases, este bloque se compone de: Una caja de 200px con tres textos distintos dentro: *Texto grande negrita* Texto pequeño rojo Texto pequeño gris El html queda así: div class=bloque-1Texto grande negrita div class=dato1Texto pequeño rojo/div div class=dato2Texto pequeño gris/div ... ¿Véis correcta esta práctica o es mejor crear clases individuales? Igual es preferible un html mas asi: div class=bloque id=b1 h2Texto grande negrita/h2 div class=dato primero pTexto pequeño rojo/p /div div class=dato ultimo pTexto pequeño gris/p /div p texto pequeño en italica/p /div 1) es mas semantico, el contenido esta etiquetado por su uso. h2 para algo que creo es un titulo. de todos modos no se si es perfecto,no entiendo todas las reglas que regulan que meter dentro de que (etiquetas de bloque y tal). 2) bloque-1 parece mas un id que una clase, asi que lo he dividido en un id y una clase. he separdo dato1 en dato primero por parecido motivo. podria haber uno o varios elementos entre dato1 y dato2 con clase dato enmedio. Una organización asi podria ser util en el futuro. 3) mas semantica, he metido todos los parrafos dentro de un p. no se si es una buena idea, pero siempre me ha dado la sensacion de que meter parrafos en bloques que no son parrafos irrita a los dioses de la informatica. del css no te voy a comentar nada, porque es un tanto apelotonado, y eso pasa muchas veces, y no siempre hay buenos motivos para decir que esta tremendamente mal. Seria como decir que una muchacha no es guapa, porque la has visto no estando peinada. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Optimizar clases
¿No se podría directamente dar formato a los parrafos poniéndoles una clase a cada uno, sin tener que meterlos en divs?, ya que ambos de hecho ya están metidos en una div. Así se ahorraría un poco de código. La cosa sería: div class=bloque-1- que también podría ser un id en lugar de una clase - Aquí se definen tamaños y los datos comunes. h1Texto grande negrita/h1 - o bien la etiqueta que corresponda - Donde especifícas lo de negrita y su tamaño p class=dato1Texto pequeño rojo/p - especificas el color rojo p class=dato2Texto pequeño gris/p - incluso este class lo puedes eliminar ya que el color gris y todas las características también lo puedes definir en el div bloque-1 /div Es una idea Guadalupe Cervilla El 7 de julio de 2010 19:17, Tei oscar.vi...@gmail.com escribió: 2010/7/7 Rafa Artacho teme...@gmail.com: Estoy creando un bloque con distintas clases, este bloque se compone de: Una caja de 200px con tres textos distintos dentro: *Texto grande negrita* Texto pequeño rojo Texto pequeño gris El html queda así: div class=bloque-1Texto grande negrita div class=dato1Texto pequeño rojo/div div class=dato2Texto pequeño gris/div ... ¿Véis correcta esta práctica o es mejor crear clases individuales? Igual es preferible un html mas asi: div class=bloque id=b1 h2Texto grande negrita/h2 div class=dato primero pTexto pequeño rojo/p /div div class=dato ultimo pTexto pequeño gris/p /div p texto pequeño en italica/p /div 1) es mas semantico, el contenido esta etiquetado por su uso. h2 para algo que creo es un titulo. de todos modos no se si es perfecto,no entiendo todas las reglas que regulan que meter dentro de que (etiquetas de bloque y tal). 2) bloque-1 parece mas un id que una clase, asi que lo he dividido en un id y una clase. he separdo dato1 en dato primero por parecido motivo. podria haber uno o varios elementos entre dato1 y dato2 con clase dato enmedio. Una organización asi podria ser util en el futuro. 3) mas semantica, he metido todos los parrafos dentro de un p. no se si es una buena idea, pero siempre me ha dado la sensacion de que meter parrafos en bloques que no son parrafos irrita a los dioses de la informatica. del css no te voy a comentar nada, porque es un tanto apelotonado, y eso pasa muchas veces, y no siempre hay buenos motivos para decir que esta tremendamente mal. Seria como decir que una muchacha no es guapa, porque la has visto no estando peinada. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Guadalupe www.hacerwebs.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Optimizar clases
Con un doctype stric validaría texto sin marcar? divEsto es un párrafo?/div divpEsto si es un párrafo/p/div Saludos Jaume El 7 de julio de 2010 19:45, Guadalupe Cervilla guadalupe...@gmail.com escribió: ¿No se podría directamente dar formato a los parrafos poniéndoles una clase a cada uno, sin tener que meterlos en divs?, ya que ambos de hecho ya están metidos en una div. Así se ahorraría un poco de código. La cosa sería: div class=bloque-1 - que también podría ser un id en lugar de una clase - Aquí se definen tamaños y los datos comunes. h1Texto grande negrita/h1 - o bien la etiqueta que corresponda - Donde especifícas lo de negrita y su tamaño p class=dato1Texto pequeño rojo/p - especificas el color rojo p class=dato2Texto pequeño gris/p - incluso este class lo puedes eliminar ya que el color gris y todas las características también lo puedes definir en el div bloque-1 /div Es una idea Guadalupe Cervilla El 7 de julio de 2010 19:17, Tei oscar.vi...@gmail.com escribió: 2010/7/7 Rafa Artacho teme...@gmail.com: Estoy creando un bloque con distintas clases, este bloque se compone de: Una caja de 200px con tres textos distintos dentro: *Texto grande negrita* Texto pequeño rojo Texto pequeño gris El html queda así: div class=bloque-1Texto grande negrita div class=dato1Texto pequeño rojo/div div class=dato2Texto pequeño gris/div ... ¿Véis correcta esta práctica o es mejor crear clases individuales? Igual es preferible un html mas asi: div class=bloque id=b1 h2Texto grande negrita/h2 div class=dato primero pTexto pequeño rojo/p /div div class=dato ultimo pTexto pequeño gris/p /div p texto pequeño en italica/p /div 1) es mas semantico, el contenido esta etiquetado por su uso. h2 para algo que creo es un titulo. de todos modos no se si es perfecto,no entiendo todas las reglas que regulan que meter dentro de que (etiquetas de bloque y tal). 2) bloque-1 parece mas un id que una clase, asi que lo he dividido en un id y una clase. he separdo dato1 en dato primero por parecido motivo. podria haber uno o varios elementos entre dato1 y dato2 con clase dato enmedio. Una organización asi podria ser util en el futuro. 3) mas semantica, he metido todos los parrafos dentro de un p. no se si es una buena idea, pero siempre me ha dado la sensacion de que meter parrafos en bloques que no son parrafos irrita a los dioses de la informatica. del css no te voy a comentar nada, porque es un tanto apelotonado, y eso pasa muchas veces, y no siempre hay buenos motivos para decir que esta tremendamente mal. Seria como decir que una muchacha no es guapa, porque la has visto no estando peinada. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Guadalupe www.hacerwebs.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
