Re: [Ovillo] dividitis
Los identificadores (id, definidos en tu CSS como #) están
pensados para usarse una vez por página definiendo un elemento
concreto. Las clases se usan para elementos dentro de un mismo
documento varias veces. Algo sencillo de ver sería:
div id=cabecera
ul
li class=menuOpción 1/li
li class=menuOpción 2/li
li class=menuOpción 3/li
/ul
/div
Cabecera por página sólo tenemos una (id), mientras que los
elementos de la lista menú preveemos que sean varios (class).
1. no sé la ventaja que entrañan
No se trata de ventajas sino de marcado semántico correcto.
Si pretendes validar tus sitios/maquetas tendrás que hacerlo
así o el validador xhtml del W3C no te perdonará :-P
Saludos,
Abel Domínguez
Dirección Creativa
E: [EMAIL PROTECTED]
W: www.nemografica.com
- Original Message -
From: [EMAIL PROTECTED]
To: ovillo@lists.ovillo.org
Sent: Sunday, August 07, 2005 12:22 PM
Subject: [Ovillo] dividitis
Hola, les escribo este mail para resolver unas dudas triviales sobre CSS,
maquetación y otros temas de diseño.
Desde hace un tiepo vengo diseñando mis webs con DIV?s class y CSS,
validando
las webs etc.
Pero veo sin cesar el término dividitis analizando webs cuyo código està
plagado de div's anidados una y otra vez. Qué es la dividitis? cuando se
pude
diagnosticar dividitis??
Muchos recomiendan usar Id, nunca las he usado por dos motivos:
1. no sé la ventaja que entrañan
2. no sé como afectaría a la CSS el uso de id, ya que ahora las anidaciones
de
div's del modo div class=1 div class=2 div class=3 /div/div/div,
en
la css funcionan de este modo: div.1 div.2 div.3 a {}
Por tanto agradecería me comentasen si alguien puede el efecto de usar Id en
la
maquetación, la ventaja que entraña y cómo después debe aplicase en la css
cuando anidas class dentr de id's.
Saludos y gracias
This message was sent using IMP, the Internet Messaging Program.
___
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://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://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] dividitis
Pero en el caso que planteas, lo correcto no sería?:
#cabecera {}
#cabecera li {}
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Abel Domínguez
Enviado el: lunes, 08 de agosto de 2005 10:47
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] dividitis
Los identificadores (id, definidos en tu CSS como #) están
pensados para usarse una vez por página definiendo un elemento
concreto. Las clases se usan para elementos dentro de un mismo
documento varias veces. Algo sencillo de ver sería:
div id=cabecera
ul
li class=menuOpción 1/li
li class=menuOpción 2/li
li class=menuOpción 3/li
/ul
/div
Cabecera por página sólo tenemos una (id), mientras que los
elementos de la lista menú preveemos que sean varios (class).
1. no sé la ventaja que entrañan
No se trata de ventajas sino de marcado semántico correcto.
Si pretendes validar tus sitios/maquetas tendrás que hacerlo
así o el validador xhtml del W3C no te perdonará :-P
Saludos,
Abel Domínguez
Dirección Creativa
E: [EMAIL PROTECTED]
W: www.nemografica.com
- Original Message -
From: [EMAIL PROTECTED]
To: ovillo@lists.ovillo.org
Sent: Sunday, August 07, 2005 12:22 PM
Subject: [Ovillo] dividitis
Hola, les escribo este mail para resolver unas dudas triviales sobre CSS,
maquetación y otros temas de diseño.
Desde hace un tiepo vengo diseñando mis webs con DIV?s class y CSS,
validando
las webs etc.
Pero veo sin cesar el término dividitis analizando webs cuyo código està
plagado de div's anidados una y otra vez. Qué es la dividitis? cuando se
pude
diagnosticar dividitis??
Muchos recomiendan usar Id, nunca las he usado por dos motivos:
1. no sé la ventaja que entrañan
2. no sé como afectaría a la CSS el uso de id, ya que ahora las anidaciones
de
div's del modo div class=1 div class=2 div class=3 /div/div/div,
en
la css funcionan de este modo: div.1 div.2 div.3 a {}
Por tanto agradecería me comentasen si alguien puede el efecto de usar Id en
la
maquetación, la ventaja que entraña y cómo después debe aplicase en la css
cuando anidas class dentr de id's.
Saludos y gracias
This message was sent using IMP, the Internet Messaging Program.
___
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://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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] dividitis
Sip... :)
Evidentemente la opción
#cabecera {}
#cabecera li {}
nos va a dejar el xhtml más limpio.
Pero a ver, que lo otro era a modo de ejemplo para explicarle
a Oscar su duda (a groso modo). Otra cosa ya es bucear en la
semántica y maquetar en cascada la hoja de estilos :)
- Original Message -
From: Jesús Cortés - Artifices.net [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, August 08, 2005 10:44 AM
Subject: RE: [Ovillo] dividitis
Pero en el caso que planteas, lo correcto no sería?:
#cabecera {}
#cabecera li {}
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Abel Domínguez
Enviado el: lunes, 08 de agosto de 2005 10:47
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] dividitis
Los identificadores (id, definidos en tu CSS como #) están
pensados para usarse una vez por página definiendo un elemento
concreto. Las clases se usan para elementos dentro de un mismo
documento varias veces. Algo sencillo de ver sería:
div id=cabecera
ul
li class=menuOpción 1/li
li class=menuOpción 2/li
li class=menuOpción 3/li
/ul
/div
Cabecera por página sólo tenemos una (id), mientras que los
elementos de la lista menú preveemos que sean varios (class).
1. no sé la ventaja que entrañan
No se trata de ventajas sino de marcado semántico correcto.
Si pretendes validar tus sitios/maquetas tendrás que hacerlo
así o el validador xhtml del W3C no te perdonará :-P
Saludos,
Abel Domínguez
Dirección Creativa
E: [EMAIL PROTECTED]
W: www.nemografica.com
- Original Message -
From: [EMAIL PROTECTED]
To: ovillo@lists.ovillo.org
Sent: Sunday, August 07, 2005 12:22 PM
Subject: [Ovillo] dividitis
Hola, les escribo este mail para resolver unas dudas triviales sobre CSS,
maquetación y otros temas de diseño.
Desde hace un tiepo vengo diseñando mis webs con DIV?s class y CSS,
validando
las webs etc.
Pero veo sin cesar el término dividitis analizando webs cuyo código està
plagado de div's anidados una y otra vez. Qué es la dividitis? cuando se
pude
diagnosticar dividitis??
Muchos recomiendan usar Id, nunca las he usado por dos motivos:
1. no sé la ventaja que entrañan
2. no sé como afectaría a la CSS el uso de id, ya que ahora las anidaciones
de
div's del modo div class=1 div class=2 div class=3 /div/div/div,
en
la css funcionan de este modo: div.1 div.2 div.3 a {}
Por tanto agradecería me comentasen si alguien puede el efecto de usar Id en
la
maquetación, la ventaja que entraña y cómo después debe aplicase en la css
cuando anidas class dentr de id's.
Saludos y gracias
This message was sent using IMP, the Internet Messaging Program.
___
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://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://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://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://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] dividitis
Por supuesto, y sorry por la intromisión (además sin presentación). Es que
la explicación a la dividitis me ha recordado a clasitis, y por eso he
comentado :)
Aprovecho para presentarme. Observador desde hace bastante tiempo, y
prácticamente desde hace muy poquito. Soy un Palmesano que regento un
humilde estudio de diseño web, e intento reaprender cada dia.
Un saludo a todos,
Jesús C.
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Abel Domínguez
Enviado el: lunes, 08 de agosto de 2005 10:59
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] dividitis
Sip... :)
Evidentemente la opción
#cabecera {}
#cabecera li {}
nos va a dejar el xhtml más limpio.
Pero a ver, que lo otro era a modo de ejemplo para explicarle
a Oscar su duda (a groso modo). Otra cosa ya es bucear en la
semántica y maquetar en cascada la hoja de estilos :)
- Original Message -
From: Jesús Cortés - Artifices.net [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, August 08, 2005 10:44 AM
Subject: RE: [Ovillo] dividitis
Pero en el caso que planteas, lo correcto no sería?:
#cabecera {}
#cabecera li {}
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Abel Domínguez
Enviado el: lunes, 08 de agosto de 2005 10:47
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] dividitis
Los identificadores (id, definidos en tu CSS como #) están
pensados para usarse una vez por página definiendo un elemento
concreto. Las clases se usan para elementos dentro de un mismo
documento varias veces. Algo sencillo de ver sería:
div id=cabecera
ul
li class=menuOpción 1/li
li class=menuOpción 2/li
li class=menuOpción 3/li
/ul
/div
Cabecera por página sólo tenemos una (id), mientras que los
elementos de la lista menú preveemos que sean varios (class).
1. no sé la ventaja que entrañan
No se trata de ventajas sino de marcado semántico correcto.
Si pretendes validar tus sitios/maquetas tendrás que hacerlo
así o el validador xhtml del W3C no te perdonará :-P
Saludos,
Abel Domínguez
Dirección Creativa
E: [EMAIL PROTECTED]
W: www.nemografica.com
- Original Message -
From: [EMAIL PROTECTED]
To: ovillo@lists.ovillo.org
Sent: Sunday, August 07, 2005 12:22 PM
Subject: [Ovillo] dividitis
Hola, les escribo este mail para resolver unas dudas triviales sobre CSS,
maquetación y otros temas de diseño.
Desde hace un tiepo vengo diseñando mis webs con DIV?s class y CSS,
validando
las webs etc.
Pero veo sin cesar el término dividitis analizando webs cuyo código està
plagado de div's anidados una y otra vez. Qué es la dividitis? cuando se
pude
diagnosticar dividitis??
Muchos recomiendan usar Id, nunca las he usado por dos motivos:
1. no sé la ventaja que entrañan
2. no sé como afectaría a la CSS el uso de id, ya que ahora las anidaciones
de
div's del modo div class=1 div class=2 div class=3 /div/div/div,
en
la css funcionan de este modo: div.1 div.2 div.3 a {}
Por tanto agradecería me comentasen si alguien puede el efecto de usar Id en
la
maquetación, la ventaja que entraña y cómo después debe aplicase en la css
cuando anidas class dentr de id's.
Saludos y gracias
This message was sent using IMP, the Internet Messaging Program.
___
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://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://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://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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] dividitis
On 8/8/05, Jesús Cortés - Artifices. net [EMAIL PROTECTED] wrote: Es que la explicación a la dividitis me ha recordado a clasitis simplemente quería agregar, para quienes no lo sepan, que la classitis vendria a ser algo similar a la dividitis. el uso indiscriminado e innecesario de clases. como en el caso que se comentaba que se podia resolver el layout de la ol haciendo uso de la herencia, sin necesidad de aplicar clases. tambien sufrimos de classitis cuando creamos clases del tipo .negrita, .italica, .titulo, .parrafo en lugar de utilizar los tags de html correspondientes (strong, em, cite, abbr, acronym, h1-h6, p, etc.) si alguien quiere explayarse un poco mas, adelante. inti castro [EMAIL PROTECTED] ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] dividitis
Hola Oscar,
La dividitis engloba el mal uso de los divs para maquetar con css.
Basicamente es no meter una etiqueta dentro de un div para darle estilo,
cuando ese mismo estilo lo puedes aplicar directamente a la etiqueta. Nos
ahorramos codigo y será más sencillo actualizar en un futuro.
ejemplo:
div id=estilo
pLorem ipsum bla bla bla/p
/div
lo podriamos resolver mas simple:
p class=estiloLorem ipsum bla bla bla/p
es un ejemplo muy simple, pero se puede aplicar a semanticas mas
complejas. Pero la idea es esa, si pretendemos separar contenido y
presentacion, no llenemos el HTML de mierdas de presentacion... hay que
usarlas moderadamente.
Y sobre lo de las ID's vs. Classes:
A grosso modo las ID's sólo se puden aplicar una vez por documento, no
se pueden repetir.
Las classes se pueden repetir dentro de un mismo documento tantas veces
como quieras.
Normalmente las ID's se suelen usar para los estilos de la interface
(que rara vez se repiten) y las classes para el contenido... pero cada
maestrillo...
un saludo [guiño],
Jorge Correa
www.slapstudio.com
- Original Message -
From: [EMAIL PROTECTED]
To: ovillo@lists.ovillo.org
Sent: Sunday, August 07, 2005 12:22 PM
Subject: [Ovillo] dividitis
Hola, les escribo este mail para resolver unas dudas triviales sobre CSS,
maquetación y otros temas de diseño.
Desde hace un tiepo vengo diseñando mis webs con DIV?s class y CSS,
validando
las webs etc.
Pero veo sin cesar el término dividitis analizando webs cuyo código està
plagado de div's anidados una y otra vez. Qué es la dividitis? cuando se
pude
diagnosticar dividitis??
Muchos recomiendan usar Id, nunca las he usado por dos motivos:
1. no sé la ventaja que entrañan
2. no sé como afectaría a la CSS el uso de id, ya que ahora las
anidaciones de
div's del modo div class=1 div class=2 div class=3
/div/div/div, en
la css funcionan de este modo: div.1 div.2 div.3 a {}
Por tanto agradecería me comentasen si alguien puede el efecto de usar Id
en la
maquetación, la ventaja que entraña y cómo después debe aplicase en la css
cuando anidas class dentr de id's.
Saludos y gracias
This message was sent using IMP, the Internet Messaging Program.
___
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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] dividitis
Hola Oscar,
[EMAIL PROTECTED] escribió:
Hola, les escribo este mail para resolver unas dudas triviales sobre CSS,
maquetación y otros temas de diseño.
Desde hace un tiepo vengo diseñando mis webs con DIV?s class y CSS, validando
las webs etc.
Pero veo sin cesar el término dividitis analizando webs cuyo código està
plagado de div's anidados una y otra vez. Qué es la dividitis? cuando se pude
diagnosticar dividitis??
Yo entiendo por dividitis los siguientes síntomas:
- Usar divs en lugar de un elemento semánticamente más apropiado para
marcar cierto contenido, por ejemplo:
div class=parrafoLorem ipsum./div
- Usar divs para encerrar otros elementos; aunque a veces puede ser
necesario para la maquetación, la mayoría de las veces es innesesario:
div class=fotoimg src=foto.jpg alt=foto //div
- Usar divs vacíos para generar así un efecto de presentación, por ejemplo:
div class=borde-superior/div
div class=contenidoLorem ipsum./div
div class=borde-inferior/div
- Usar divs anidados para generar el mismo efecto; aunque hay veces en
que es inevitable porque CSS no soporta backgrounds múltiples, en
general se pueden utilizar los elementos hijos para remendar esta carencia.
Muchos recomiendan usar Id, nunca las he usado por dos motivos:
1. no sé la ventaja que entrañan
2. no sé como afectaría a la CSS el uso de id, ya que ahora las anidaciones de
div's del modo div class=1 div class=2 div class=3 /div/div/div, en
la css funcionan de este modo: div.1 div.2 div.3 a {}
No creo que se trate de mayores ventajas sino de que desde el punto de
vista de la semántica del marcado es más correcto usar id para los
elementos únicos, que generalmente son las secciones en que se divide el
documento (cabeza, contenido, pie, etc.), y class para los elementos con
significado especial que se repiten.
Espero haberte aclarado el panorama.
Saludos,
--
Camilo Kawerín
27Sur comunicación diseño
http://www.27sur.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://ovillo.org/mailman/listinfo/ovillo
