Re: [Ovillo] Clases e ID's
Hola Federico.
On 6/30/06, Federico H. [EMAIL PROTECTED] wrote:
Entiendo que un ID suele emplearse para casos únicos e irrepetibles en una
misma página, y una clase puede utilizarse varias veces.
Dicho de otra manera. 'id' designa a un elemento de manera *inequívoca*
dentro de una página, y 'class' asigna un elemento a un grupo que comparten
unas características comunes.
Lo que nunca
supe o entendí es cuál es la importancia que reside en ello, me
refiero a cuál es la relevancia de tal diferenciación o de dónde surge
la necesidad de que existan ambas cosas, porque en el fondo cumplen
exactamente la misma función.
Como puedes comprobar, por la propia definición, no cumplen la misma
función.
¿O se trata solamente de una cuestión
puramente formal? Porque yendo al caso, si en lugar de utilizar ambas
cosas utilizo solamente clases o llamo una clase solamente una vez por
página, no estaría haciendo nada malo.
Según lo que quieras obtener.
Si necesitas referirte a un elemento de manera inequívoca, por ejemplo con
un enlace a un ancla (tipo a href=#identificadorenlace/a)
necesariamente lo tendrás que hacer asignando un 'id' al elemento destino.
Si te refieres únicamente a que tus hojas de estilo funcionan bien sin
necesidad de asignar 'id' a ningún elemento, esta claro que no los
necesitas.
En fin... agradecido estaré si alguien puede aclararme esta dudilla
existencial.
Pues explicado hasta donde yo sé. Otra cosa es que personalmente, a nivel
organizativo y de comprensión de hojas de estilo, para mi son algo
fundamental. No es lo mismo ver un estilo aplicado a un elemento del tipo
'.cabecera ul li { ... }' que '#cabecera ul li { ... }' que directamente me
está haciendo sospechar que el elemento '#cabecera' seguramente se refiera a
la cabecera de todo el documento y por tanto el estilo solo se aplicará en
las listas desordenadas de un bloque bien delimitado, mientras que
'.cabecera' me sugiere que puede ser la cabecera de varias estructuras
menores y el estilo se aplicará por doquier en todas las listas
desordenadas. Esto, evidentemente también depende de como si el codificador
ha hecho un trabajo más o menos coherente con el uso de 'id' / 'class'.
saludos,
Un saludo, y espero haberte aclarado más que confundido, ;)
David Merino Ogando.
Federico.
[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
___
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] Clases e ID's
Federico MP a écrit : On 6/29/06, Federico H. [EMAIL PROTECTED] wrote: Lo que nunca supe o entendí es cuál es la importancia que reside en ello, me refiero a cuál es la relevancia de tal diferenciación o de dónde surge la necesidad de que existan ambas cosas ID te sirve para crear el objetivo de un enlace, y te sirve cuando usas Javascript (getElementById). Y ademas ID tiene mas peso (specificity) que class en CSS. Pascal ___ 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] Clases e ID's
Son dos conceptos muy diferentes, otra cosa es que parezcan similares a la hora de definir los estilos. Hay que ver cada elemento de HTML como un objeto, con su función. Cada objeto tiene sus propiedades, y hay veces que interesa identificarlos. Para esto sirve el ID. En realidad la clase no es más que una serie de atributos CSS que se aplican a un objeto, tenga o no tenga ID. Por ejemplo puedes definirte una li y definir una clase CSS en la que simplemente dices que el texto es rojo. Esta clase se la puedes aplicar a la li o a un a o a un h1. Es simplemente eso, una clase. Por otro lado puedes hacer que un h1 tenga un ID, pero no tiene por qué ser exclusivamente para CSS. Como bien te han dicho, te puede servir para javascript (getElementByID). El tema es que CSS permite aplicar un estilo a un objeto concreto, en lugar de definir una clase y aplicarsela al objeto (quería lo mismo), de forma que puedes poner un div al que lo identificas como cabecera (sería su nick o alias para tí, y sería único, obviamente), y en las CSS definirías su anchura, imagen de fondo, etc. Por supuesto que puedes hacer div class=cabecera y definir el mismo estilo para una clase llamada cabecera. Pero no sería una forma elegante de hacerlo. Y al mismo tiempo, puedes aplicar una clase a un objeto con ID. Así por ejemplo, puedes tener en todas las páginas una cabecera que es exactamente igual excepto por el color del reborde, que en unas hojas es azul, en otras verde, en otras rojo... En este caso por ejemplo el ID de las DIV sería cabecera para todas las hojas (es único en cada página), pero a su vez podrías definir un class para cabecera_intro, cabecera_localizacion, cabecera_contacto, etc... para aplicarselo en cada hoja: div id=cabecera class=cabecera_intro Espero que con esto haya quedado clara la diferencia entre ID y Class. Class es algo relacionado directamente con CSS e ID no lo es. ID no es para definir el estilo a aplicar. Class sí. __ ?php $Autor = Iban Rodriguez; // Programador, THE MOVIE ? www.themovie.org -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] nombre de Federico H. Enviado el: viernes, 30 de junio de 2006 4:12 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Clases e ID's Entiendo que un ID suele emplearse para casos únicos e irrepetibles en una misma página, y una clase puede utilizarse varias veces. Lo que nunca supe o entendí es cuál es la importancia que reside en ello, me refiero a cuál es la relevancia de tal diferenciación o de dónde surge la necesidad de que existan ambas cosas, porque en el fondo cumplen exactamente la misma función. ¿O se trata solamente de una cuestión puramente formal? Porque yendo al caso, si en lugar de utilizar ambas cosas utilizo solamente clases o llamo una clase solamente una vez por página, no estaría haciendo nada malo. En fin... agradecido estaré si alguien puede aclararme esta dudilla existencial. saludos, Federico. [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 ___ 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] Clases e ID's
Por supuesto que puedes hacer div class=cabecera y definir el mismo estilo para una clase llamada cabecera. Pero no sería una forma elegante de hacerlo. A eso me refería, mi duda era si solamente recaía en una cuestión formal (a veces suelo llevar zapatillas con traje). Pero viendo los demás argumentos que expusieron, supongo que ahora la cosa cobra más sentido. saludos. Federico [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
[Ovillo] Enlaces con sonido
Hola, ¿Alguien sabe si a un enlace se le puede poner el efecto de un sonido cuando se hace clic encima de él? Porque en flash es fácil, pero lo quiero hacer sólo con CSS y XHTML. Gracias! -- Gema Masegosa. Email:[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
[Ovillo] Desplegables onClick con css
hola lista: ¿alguien conoce algún ejemplo de menús desplegables con múltiples niveles onclick (no hover) que funcione bien sin JS al menos en FFox? gracias a todos. saludos, ignacio ___ 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] Desplegables onClick con css
http://onlinetools.org/tools/dom-tree-menu-puredom/ inobtrusivo, funciona con li's. muy facil de implementar :) ...:| kemie |:... .:| www.monolinea.com http://www.monolinea.com |:. Ignacio Gros wrote: hola lista: ¿alguien conoce algún ejemplo de menús desplegables con múltiples niveles onclick (no hover) que funcione bien sin JS al menos en FFox? gracias a todos. saludos, ignacio ___ 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] Enlaces con sonido
Buenas! Se me ocurre que si pensamos en una división de este tipo... XHTML contenido estructurado CSS presentación JavaScriptcomportamiento Probablemente lo correcto sería programar ese efecto de sonido con JavaScript, ya que se trataría de una cuestión de comportamiento. Desconozco si es posible o no; pero estoy casi seguro de que con XHTML y CSS únicamente no se debe poder. salutes! Lucas -- === LucasMourelle - desarrollos rgb === 6343-1705 // 15-5052-1468 [EMAIL PROTECTED] === Gema Masegosa wrote: Hola, ¿Alguien sabe si a un enlace se le puede poner el efecto de un sonido cuando se hace clic encima de él? Porque en flash es fácil, pero lo quiero hacer sólo con CSS y XHTML. Gracias! ___ 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] Enlaces con sonido
No me apetecía añadir js's a la página, pero buscaré a ver qué encuentro por ahí con javascript. Gracias! El día 30/06/06, Lucas Mourelle [EMAIL PROTECTED] escribió: Buenas! Se me ocurre que si pensamos en una división de este tipo... XHTML contenido estructurado CSS presentación JavaScriptcomportamiento Probablemente lo correcto sería programar ese efecto de sonido con JavaScript, ya que se trataría de una cuestión de comportamiento. Desconozco si es posible o no; pero estoy casi seguro de que con XHTML y CSS únicamente no se debe poder. salutes! Lucas -- === LucasMourelle - desarrollos rgb === 6343-1705 // 15-5052-1468 [EMAIL PROTECTED] === Gema Masegosa wrote: Hola, ¿Alguien sabe si a un enlace se le puede poner el efecto de un sonido cuando se hace clic encima de él? Porque en flash es fácil, pero lo quiero hacer sólo con CSS y XHTML. Gracias! ___ 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 -- Gema Masegosa. Email:[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] Clases e ID's
Solo un pequeño detalle más: al utilizar clases podemos definir más de un estilo para un elemento por ejemplo div class=cabecera rojo aqui tenemos dos estilos css para un mismo elemento html en este caso un div. Esto nos ayudaria a la hora de diseñar. Por otro lado con clases podemos dar un contenido semántico a nuestro marcado html. Un ejemplo clásico es el uso del microformatos dublicore. Pego este ejemplo del sitio Webposiblehttp://www.webposible.com/microformatos-dublincore/introduccion-microformatos.html dl class=dublincore dtAutor/dt dd a class=creator href=http://www.webposible.com/autor.html; Alejandro Gonzalo Bravo García /a /dd /dl al utilizar la clase dublincore y creator apoyado con metadatos del mismo tipo estamos configurando un documento html con un gran contenido semántico. En fin las clases no solo nos servirían para dar diseño sino para enriquecer nuestro codigo con contenido semántico. saludos On 6/30/06, Federico H. [EMAIL PROTECTED] wrote: Por supuesto que puedes hacer div class=cabecera y definir el mismo estilo para una clase llamada cabecera. Pero no sería una forma elegante de hacerlo. A eso me refería, mi duda era si solamente recaía en una cuestión formal (a veces suelo llevar zapatillas con traje). Pero viendo los demás argumentos que expusieron, supongo que ahora la cosa cobra más sentido. saludos. Federico [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 -- Escael Marrero Webmaster http://www.zunzun.cu Miembro del Consejo Gestor de http://www.proyectoweb.org ___ 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] Enlaces con sonido
On 6/30/06, Gema Masegosa [EMAIL PROTECTED] wrote: No me apetecía añadir js's a la página, pero buscaré a ver qué encuentro por ahí con javascript. Tal vez esto te interese. Existe hace un par de años, no se cuan moderno será. http://www.flashsoundapi.com/ - manuel ___ 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
