Re: [Ovillo] ¿Es correcto mezclar id y class?
no se tu, pero yo aprendi una forma distinta de nombrar los id y class,
conociendo que en algun momento tendras que rediseñar o actualizar tu sitio,
el id #naranja puede no ser util y ahora pasar a #amarillo, queriendo decir
esto que lo mejor seria llamar las cosas por su verdadera utilidad, por
ejemplo
#columna_naranja { } por #columna_principal {...}
pero igual, las id deberias usarlas para elementos unicos donde quieras
agrupar mas elementos, en este caso .grid_8 deberia ser #grid_8 y los
colores las clases.
esa es mi opinion, pero cada cual usa la logica que mas le conviene para
entender sus proyectos, lo malo de esto viene cuando le toca a otros manejar
tu trabajo.
un saludo a la lista.
El 28 de enero de 2009 14:15, Quique - somosene.com
qui...@somosene.comescribió:
Hola a todos, mi duda es si a un elemento que ya esta definido como
CLASS se le puede añadir además un iD, seria algo así:
CSS:
-
.grid_8 { width: 620px; }
#naranja { background: orange; }
#verde { background: green; }
HTML
-
div class=grid_8 id=naranja Esta columna tiene fondo naranja/div
div class=grid_8 id=verdeEsta columna tiene fondo verde/div
Así consigo definir un mismo ancho de columna para varias capas, pero
con diferentes estilos cada uno.
Lo he probado en Opera, Safari y Firefox y funciona bien en varios
navegadores y no he encontrado en ningún sitio que no se pueda
utilizar así.
¿es correcto? ¿cumple los estándares CSS?
Gracias
Quique
___
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
--
Jonathan C.
lockhe...@gmail.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] ¿Es correcto mezclar id y class?
Estimado Quique:
No existe ningún problema en utilizar id's, class o ambos. Eso es un tema de
diseño (y elegancia, profesionalidad, rendimiento, etc.).
El estándar define el uso de los id para identificación única de un elemento
HTML. El uso de class es para agregar un contenido semántico a un elemento HTML.
Me explico mejor: existe un sólo Quique en la lista; por tanto su id será
Quique.
Sin embargo, existen muchas mujeres (class=mujer) u hombres (class=hombre)
o programadores en php (class=php_programmer) u odiadores de mal software
(class=hate_ie) o que procuran cumplir el estándar (class=check_std).
por tanto, el elemento podría ser ... id=Quique class=check_std
pero también podrías dar más información semántica en el atributo class,
simplemente aumentando el nuevo contenido semántico separado por un espacio:
... id=Quique class=check_std hombre
Donde se quiere expresar que el elemento es único (Quique) y que cumple los
estándares (al igual que muchos otros) y que es hombre.
Esta analogía -sin pretender ser irrespetuosa con las calidades intelectuales
de los miembros de nuestra lista- pretende mostrar la diferencia entre id y
class.
En el diseño en mi empresa, utilizamos mucho id y class (juntos y mezclados).
En el diseño de las páginas, creamos áreas de diseño únicas y distintivas pero
que tienen los mismos elementos. Por ejemplo, noticias y menúes. Estos
conjuntos de datos tienen básicamente la misma estructura:
Noticias:
ul
li class=primeroNoticia 1/li
liNoticia 2/li
.
.
.
liNoticia n/li
/ul
Menú:
ul
li class=primeroOpción 1/li
liOpción 2/li
.
.
.
liOpción m/li
/ul
Si deseamos dar formato a estos componentes, tenemos varias opciones: colocar
el contenido semántico a los elementos mayores. P.e. ul class=menu y ul
class=noticias o (al ser únicos y diferentes) podemos darles
identificación. P.e. ul id=menu y ul id=noticias
La definición de los estilos podría ser realizada, para el primer caso de la
siguiente manera:
ul.menu { color... }
ul.menu li { font... }
ul.noticias { color... }
ul.noticias li { font... }
En el segundo caso sería:
#menu { color... }
#menu li { font... }
#noticias { color... }
#noticias li { font... }
ya que no interesa el elemento que se define, porque es único.
Para cualquier elemento que es primero (no necesariamente de una lista) se
podría crear una definición:
.primero {border: }
Si el primero de noticias es diferente del primero de menú, se puede definir
también en forma especial:
#menu ul.primero {backgorund-color:... }
#noticias ul.primero {backgorund-color:... }
Para definir el comportamiento de todos los primeros de noticias (primero de la
lista, de la fila de una tabla, de un párrafo, etc) se podría definir como algo
así:
#noticias .primero {font ... }
Finalmente, en mi empresa preferimos definir las cosas de la siguiente manera:
Noticias:
div id=noticias
ul
li class=primero destacadoNoticia 1/li
liNoticia 2/li
.
.
.
liNoticia n/li
/ul
/div
Menú:
div id=menu
ul
li class=primeroOpción 1/li
li class=destacadoOpción 2/li
.
.
.
liOpción m/li
/ul
/div
Que sería la estructura (el HTML) y que, como ya aprendimos, facilita la
presentación (el CSS).
Espero sea de utilidad.
Saludos.
--
Alejandro Salamanca Mazuelo
Gerente General
DeveNet SRL
alejan...@devenet.net
Cel. 591-2-70618872
DeveNet Srl - Software para Internet
Telf. 591-2-2117985
i...@devenet.net
Av. 20 de Octubre #2473 Edif. Topáter Piso 2, Of. 204
La Paz - Bolivia
www.devenet.net
- Mensaje original -
De: stripTM f...@striptm.com
Para: la lista de CSS en castellano Ovillo ovillo@lists.ovillo.org
Enviados: Miércoles, 28 de Enero 2009 19:22:16 GMT -04:00 Caracas / La Paz
Asunto: Re: [Ovillo] ¿Es correcto mezclar id y class?
Ignacio Ricci escribió:
Si pero por ejemplo si tengo una lista de elementos, y quiero destacar el
1ro,
le puedo dar una clase a todos y agregarle un ID al primero.
Es muy comun hacer eso. No es o usas clases, o usas IDS.
Y si en lugar de una lista tienes dos, ya con el id no te vale.
Yo lo haría
ul
listrong.../strong/li
li.../li
/ul
o
ul
li class=destacado.../li
li.../li
/ul
Aunque lo chulo de verdad sería pasar del explorer y usar first-child ;-)
--
Saludos -=stripTM=-
___
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] ¿Es correcto mezclar id y class?
Hola a todos, mi duda es si a un elemento que ya esta definido como
CLASS se le puede añadir además un iD, seria algo así:
CSS:
-
.grid_8 { width: 620px; }
#naranja { background: orange; }
#verde { background: green; }
HTML
-
div class=grid_8 id=naranja Esta columna tiene fondo naranja/div
div class=grid_8 id=verdeEsta columna tiene fondo verde/div
Así consigo definir un mismo ancho de columna para varias capas, pero
con diferentes estilos cada uno.
Lo he probado en Opera, Safari y Firefox y funciona bien en varios
navegadores y no he encontrado en ningún sitio que no se pueda
utilizar así.
¿es correcto? ¿cumple los estándares CSS?
Gracias
Quique
___
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] ¿Es correcto mezclar id y class?
Hola, lo mejor es que definas dos class ejemplo
div class=grid_8 naranja Esta columna tiene fondo naranja/div
div class=grid_8 verde Esta columna tiene fondo verde/div
ya que si repides mas de una vez un id, la pagina no va a ser validada
El 28 de enero de 2009 13:15, Quique - somosene.com
qui...@somosene.comescribió:
Hola a todos, mi duda es si a un elemento que ya esta definido como
CLASS se le puede añadir además un iD, seria algo así:
CSS:
-
.grid_8 { width: 620px; }
#naranja { background: orange; }
#verde { background: green; }
HTML
-
div class=grid_8 id=naranja Esta columna tiene fondo naranja/div
div class=grid_8 id=verdeEsta columna tiene fondo verde/div
Así consigo definir un mismo ancho de columna para varias capas, pero
con diferentes estilos cada uno.
Lo he probado en Opera, Safari y Firefox y funciona bien en varios
navegadores y no he encontrado en ningún sitio que no se pueda
utilizar así.
¿es correcto? ¿cumple los estándares CSS?
Gracias
Quique
___
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
--
-
Mauricio Dulcce
+54 1 5 36179028
Santos Dumont 2475
Capital Federal, Buenos Aires Argentina
http://mauricio-dulce.neurona.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] ¿Es correcto mezclar id y class?
Si no hay problema en usar clases + ids.
Fijate como dice Mauricio, si se van a repetir, porque podes usar otras
clases tambien.
De todas maneras trata de no usar id's o nombres de clases que definan su
posicion o su aspecto.
#verde, #naranja, #izquierda, no son buenos nombres.
Nacho
2009/1/28 Mauricio Dulce mauricio.du...@gmail.com
Hola, lo mejor es que definas dos class ejemplo
div class=grid_8 naranja Esta columna tiene fondo naranja/div
div class=grid_8 verde Esta columna tiene fondo verde/div
ya que si repides mas de una vez un id, la pagina no va a ser validada
El 28 de enero de 2009 13:15, Quique - somosene.com
qui...@somosene.comescribió:
Hola a todos, mi duda es si a un elemento que ya esta definido como
CLASS se le puede añadir además un iD, seria algo así:
CSS:
-
.grid_8 { width: 620px; }
#naranja { background: orange; }
#verde { background: green; }
HTML
-
div class=grid_8 id=naranja Esta columna tiene fondo naranja/div
div class=grid_8 id=verdeEsta columna tiene fondo verde/div
Así consigo definir un mismo ancho de columna para varias capas, pero
con diferentes estilos cada uno.
Lo he probado en Opera, Safari y Firefox y funciona bien en varios
navegadores y no he encontrado en ningún sitio que no se pueda
utilizar así.
¿es correcto? ¿cumple los estándares CSS?
Gracias
Quique
___
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
--
-
Mauricio Dulcce
+54 1 5 36179028
Santos Dumont 2475
Capital Federal, Buenos Aires Argentina
http://mauricio-dulce.neurona.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
--
↓ Ignacio Ricci
www.ignacioricci.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] ¿Es correcto mezclar id y class?
2009/1/28 Quique - somosene.com qui...@somosene.com:
..
¿es correcto? ¿cumple los estándares CSS?
creo que lo unico que tienes que pensar es que en el momento que usas
# es porque ese es un elemento unico en la pagina. Cuando a lo que
quieres hacer referencia no es a un objeto en particular, sino a una
pluraridad de seres que comparten caracteristicas, usas clases.
en realidad son dos cosas distintas, porque un objeto solo puede tener
un id, pero puede tener varias clases
img class=iconografico petulante src=foo.png id=ello/
De tu codigo que nos enseñas no se puede opinar porque esta aqueja
ligeramente de divitis y por tanto toda la informacion semantica esta
en otra parte, o no existe. Quizas es porque nos lo has escrito asi a
modo de ejemplo y no es una cosa real. Desde luego llamar a un id
verde para hacer background-color: verde parece bastante nefasto.
Tras un rediseño de la pagina que solo tocase el CSS podrias tener en
el css para #verde { background-color: blue; lo cual seria un poco
incoherente. Si para cambiar el CSS tienes que modificar el HTML
pierdes gran parte de la potencia de CSS. Pero todo esto ya lo sabras,
y esto seguramente no es mas que un artefacto de lo artificioso de tu
ejemplo.
--
--
ℱ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] ¿Es correcto mezclar id y class?
Si pero por ejemplo si tengo una lista de elementos, y quiero destacar el
1ro,
le puedo dar una clase a todos y agregarle un ID al primero.
Es muy comun hacer eso. No es o usas clases, o usas IDS.
2009/1/28 Tei oscar.vi...@gmail.com
2009/1/28 Quique - somosene.com qui...@somosene.com:
..
¿es correcto? ¿cumple los estándares CSS?
creo que lo unico que tienes que pensar es que en el momento que usas
# es porque ese es un elemento unico en la pagina. Cuando a lo que
quieres hacer referencia no es a un objeto en particular, sino a una
pluraridad de seres que comparten caracteristicas, usas clases.
en realidad son dos cosas distintas, porque un objeto solo puede tener
un id, pero puede tener varias clases
img class=iconografico petulante src=foo.png id=ello/
De tu codigo que nos enseñas no se puede opinar porque esta aqueja
ligeramente de divitis y por tanto toda la informacion semantica esta
en otra parte, o no existe. Quizas es porque nos lo has escrito asi a
modo de ejemplo y no es una cosa real. Desde luego llamar a un id
verde para hacer background-color: verde parece bastante nefasto.
Tras un rediseño de la pagina que solo tocase el CSS podrias tener en
el css para #verde { background-color: blue; lo cual seria un poco
incoherente. Si para cambiar el CSS tienes que modificar el HTML
pierdes gran parte de la potencia de CSS. Pero todo esto ya lo sabras,
y esto seguramente no es mas que un artefacto de lo artificioso de tu
ejemplo.
--
--
ℱ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
--
↓ Ignacio Ricci
www.ignacioricci.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] ¿Es correcto mezclar id y class?
Ah y eso no es divitiis. Divitis es anidar muchos elementos
innecesariamente, no usar mal ids o clases :/
2009/1/28 Ignacio Ricci ignacio.ri...@gmail.com
Si pero por ejemplo si tengo una lista de elementos, y quiero destacar el
1ro,
le puedo dar una clase a todos y agregarle un ID al primero.
Es muy comun hacer eso. No es o usas clases, o usas IDS.
2009/1/28 Tei oscar.vi...@gmail.com
2009/1/28 Quique - somosene.com qui...@somosene.com:
..
¿es correcto? ¿cumple los estándares CSS?
creo que lo unico que tienes que pensar es que en el momento que usas
# es porque ese es un elemento unico en la pagina. Cuando a lo que
quieres hacer referencia no es a un objeto en particular, sino a una
pluraridad de seres que comparten caracteristicas, usas clases.
en realidad son dos cosas distintas, porque un objeto solo puede tener
un id, pero puede tener varias clases
img class=iconografico petulante src=foo.png id=ello/
De tu codigo que nos enseñas no se puede opinar porque esta aqueja
ligeramente de divitis y por tanto toda la informacion semantica esta
en otra parte, o no existe. Quizas es porque nos lo has escrito asi a
modo de ejemplo y no es una cosa real. Desde luego llamar a un id
verde para hacer background-color: verde parece bastante nefasto.
Tras un rediseño de la pagina que solo tocase el CSS podrias tener en
el css para #verde { background-color: blue; lo cual seria un poco
incoherente. Si para cambiar el CSS tienes que modificar el HTML
pierdes gran parte de la potencia de CSS. Pero todo esto ya lo sabras,
y esto seguramente no es mas que un artefacto de lo artificioso de tu
ejemplo.
--
--
ℱ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
--
↓ Ignacio Ricci
www.ignacioricci.com
--
↓ Ignacio Ricci
www.ignacioricci.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] ¿Es correcto mezclar id y class?
Ignacio Ricci escribió: Si pero por ejemplo si tengo una lista de elementos, y quiero destacar el 1ro, le puedo dar una clase a todos y agregarle un ID al primero. Es muy comun hacer eso. No es o usas clases, o usas IDS. Y si en lugar de una lista tienes dos, ya con el id no te vale. Yo lo haría ul listrong.../strong/li li.../li /ul o ul li class=destacado.../li li.../li /ul Aunque lo chulo de verdad sería pasar del explorer y usar first-child ;-) -- Saludos -=stripTM=- ___ 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
