Re: [Ovillo] Ayuda con selector CSS
Hola a todos!
Hola Carlos
En tu código de ejemplo se te deslizó un error, pusiste
1. /*aqui se selecciona mediante el selector adyacente al primer TD de
cada
2. tabla con id=table1*/
3. #table1 tr + td {
4. }
cuando en realidad el td no está adyacente sino dentro del tr, habría que
sustituir el + por un espacio en la declaración.
Reynier, de tu consulta, en la cual dices:
Buenas noches a todos, tengo el siguiente marcado HTML:
1. table id=table1
2. tr
3. td Etiqueta 1/td
4. td Etiqueta 2/td
5. /tr
6. /table
no me queda claro si son extrictamente 2 celdas o el marcado fue a título de
ejemplo únicamente (como lo es el hecho de haber declarado una sola fila),
ya que más abajo hablas de solo 2 estilos para aplicar en los td (td1 y
td2).
Si este fuese el caso, ¿por qué no usar una declaración para los td y otra
para td + td? así solucionarías el tema.
Aún si fuesen más de 2 columnas y fuese un número relativamente chico
quedaría cómodo usar declaraciones para los td, td + td, td + td + td... por
ejemplo.
Por último podrías recurrir a los tags colgroup y col.
Saludos!
Plácido Ramón Luna.
___
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] Ayuda con selector CSS
Hola y buenos días a todos:
Estuve probando los ejemplos y lo hice de esta forma: table.form tr
td:first-child { /*propiedades*/ } esto me funciona para el primer TD pero
para el segundo no tengo la menor idea de como hacerlo. @Plácido lo q puse
fue un ejemplo solamente pero el marcado HTML es un poco extenso. Aprovecho
de paso, y perdón por hacer secuestro de mi mismo hilo, para preguntar que
me recomiendan ustedes para quitarme este tema de las tablas de una vez por
toda aunque semánticamente es un tabulado de datos que según la W3C y muchos
hilos que he visto por acá o escritos en la web está correcto el uso de
tablas en este tipo de presentación.
Al tanto de comentarios
Ing. Reynier Pérez Mira
Cel: +58 04160121226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com
2011/4/3 Plácido Luna octubre196...@gmail.com
Hola a todos!
Hola Carlos
En tu código de ejemplo se te deslizó un error, pusiste
1. /*aqui se selecciona mediante el selector adyacente al primer TD de
cada
2. tabla con id=table1*/
3. #table1 tr + td {
4. }
cuando en realidad el td no está adyacente sino dentro del tr, habría que
sustituir el + por un espacio en la declaración.
Reynier, de tu consulta, en la cual dices:
Buenas noches a todos, tengo el siguiente marcado HTML:
1. table id=table1
2. tr
3. td Etiqueta 1/td
4. td Etiqueta 2/td
5. /tr
6. /table
no me queda claro si son extrictamente 2 celdas o el marcado fue a título
de
ejemplo únicamente (como lo es el hecho de haber declarado una sola fila),
ya que más abajo hablas de solo 2 estilos para aplicar en los td (td1 y
td2).
Si este fuese el caso, ¿por qué no usar una declaración para los td y otra
para td + td? así solucionarías el tema.
Aún si fuesen más de 2 columnas y fuese un número relativamente chico
quedaría cómodo usar declaraciones para los td, td + td, td + td + td...
por
ejemplo.
Por último podrías recurrir a los tags colgroup y col.
___
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] Ayuda con selector CSS
hola, Reyner.
para lo de seleccionar el segundo TD de las tablas con class=table1, si
sirve el css que te puse anteriormente que es este:
.table1 tr td:nth-child(2){
}
aca hize una prueba para que mires si es ese el resultado que esperas.
http://www.treeweb.es/ShareCode/936bbb6ab23867963489b150a48cd6d7
Placido, gracias por hacerme caer en cuenta de el error en la
otra construcción ;)
Saludos, Carlos.
El 3 de abril de 2011 11:06, reynie...@gmail.com reynie...@gmail.comescribió:
Hola y buenos días a todos:
Estuve probando los ejemplos y lo hice de esta forma: table.form tr
td:first-child { /*propiedades*/ } esto me funciona para el primer TD pero
para el segundo no tengo la menor idea de como hacerlo. @Plácido lo q puse
fue un ejemplo solamente pero el marcado HTML es un poco extenso. Aprovecho
de paso, y perdón por hacer secuestro de mi mismo hilo, para preguntar que
me recomiendan ustedes para quitarme este tema de las tablas de una vez por
toda aunque semánticamente es un tabulado de datos que según la W3C y
muchos
hilos que he visto por acá o escritos en la web está correcto el uso de
tablas en este tipo de presentación.
Al tanto de comentarios
Ing. Reynier Pérez Mira
Cel: +58 04160121226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com
2011/4/3 Plácido Luna octubre196...@gmail.com
Hola a todos!
Hola Carlos
En tu código de ejemplo se te deslizó un error, pusiste
1. /*aqui se selecciona mediante el selector adyacente al primer TD de
cada
2. tabla con id=table1*/
3. #table1 tr + td {
4. }
cuando en realidad el td no está adyacente sino dentro del tr, habría
que
sustituir el + por un espacio en la declaración.
Reynier, de tu consulta, en la cual dices:
Buenas noches a todos, tengo el siguiente marcado HTML:
1. table id=table1
2. tr
3. td Etiqueta 1/td
4. td Etiqueta 2/td
5. /tr
6. /table
no me queda claro si son extrictamente 2 celdas o el marcado fue a título
de
ejemplo únicamente (como lo es el hecho de haber declarado una sola
fila),
ya que más abajo hablas de solo 2 estilos para aplicar en los td (td1 y
td2).
Si este fuese el caso, ¿por qué no usar una declaración para los td y
otra
para td + td? así solucionarías el tema.
Aún si fuesen más de 2 columnas y fuese un número relativamente chico
quedaría cómodo usar declaraciones para los td, td + td, td + td + td...
por
ejemplo.
Por último podrías recurrir a los tags colgroup y col.
___
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
Re: [Ovillo] Ayuda con selector CSS
Saludos Carlos!
El 3 de abril de 2011 18:29, carlos mario villadiego arroyo
carv...@gmail.com escribió:
hola, Reyner.
para lo de seleccionar el segundo TD de las tablas con class=table1, si
sirve el css que te puse anteriormente que es este:
.table1 tr td:nth-child(2){
}
aca hize una prueba para que mires si es ese el resultado que esperas.
http://www.treeweb.es/ShareCode/936bbb6ab23867963489b150a48cd6d7
Placido, gracias por hacerme caer en cuenta de el error en la
otra construcción ;)
Saludos, Carlos.
El 3 de abril de 2011 11:06, reynie...@gmail.com reynie...@gmail.com
escribió:
Hola y buenos días a todos:
Estuve probando los ejemplos y lo hice de esta forma: table.form tr
td:first-child { /*propiedades*/ } esto me funciona para el primer TD
pero
para el segundo no tengo la menor idea de como hacerlo. @Plácido lo q
puse
fue un ejemplo solamente pero el marcado HTML es un poco extenso.
Aprovecho
de paso, y perdón por hacer secuestro de mi mismo hilo, para preguntar
que
me recomiendan ustedes para quitarme este tema de las tablas de una vez
por
toda aunque semánticamente es un tabulado de datos que según la W3C y
muchos
hilos que he visto por acá o escritos en la web está correcto el uso de
tablas en este tipo de presentación.
Al tanto de comentarios
Ing. Reynier Pérez Mira
Cel: +58 04160121226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com
2011/4/3 Plácido Luna octubre196...@gmail.com
Hola a todos!
Hola Carlos
En tu código de ejemplo se te deslizó un error, pusiste
1. /*aqui se selecciona mediante el selector adyacente al primer TD
de
cada
2. tabla con id=table1*/
3. #table1 tr + td {
4. }
cuando en realidad el td no está adyacente sino dentro del tr, habría
que
sustituir el + por un espacio en la declaración.
Reynier, de tu consulta, en la cual dices:
Buenas noches a todos, tengo el siguiente marcado HTML:
1. table id=table1
2. tr
3. td Etiqueta 1/td
4. td Etiqueta 2/td
5. /tr
6. /table
no me queda claro si son extrictamente 2 celdas o el marcado fue a
título
de
ejemplo únicamente (como lo es el hecho de haber declarado una sola
fila),
ya que más abajo hablas de solo 2 estilos para aplicar en los td (td1 y
td2).
Si este fuese el caso, ¿por qué no usar una declaración para los td y
otra
para td + td? así solucionarías el tema.
Aún si fuesen más de 2 columnas y fuese un número relativamente chico
quedaría cómodo usar declaraciones para los td, td + td, td + td +
td...
por
ejemplo.
Por último podrías recurrir a los tags colgroup y col.
___
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
--
*Plácido Luna*
http://www.octubre.com.uy
(+598) 99 942723
___
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] Ayuda con selector CSS
Hola,
Es la primera vez que escribo en la lista.
mi pregunta es:
Existe algún backup de CSS de sitios web en la red?
Al igual que existe archive.org y puedes encontrar contenido de webs
atrasados..
Muchas gracias.
saludos
-*
Francisco García Franco
*E-mail: f...@agenciacreativa.net
Mov: +34. 696 85 05 99
Tel: +34. 968 40 63 01
Fax: +34. 968 44 25 21
-
Agencia Creativa, Comunicación multimedia.
-
www.agenciacreativa.net
*Por favor, antes de imprimir piense si lo necesita. *
El 3 de abril de 2011 23:29, carlos mario villadiego arroyo
carv...@gmail.com escribió:
hola, Reyner.
para lo de seleccionar el segundo TD de las tablas con class=table1, si
sirve el css que te puse anteriormente que es este:
.table1 tr td:nth-child(2){
}
aca hize una prueba para que mires si es ese el resultado que esperas.
http://www.treeweb.es/ShareCode/936bbb6ab23867963489b150a48cd6d7
Placido, gracias por hacerme caer en cuenta de el error en la
otra construcción ;)
Saludos, Carlos.
El 3 de abril de 2011 11:06, reynie...@gmail.com reynie...@gmail.com
escribió:
Hola y buenos días a todos:
Estuve probando los ejemplos y lo hice de esta forma: table.form tr
td:first-child { /*propiedades*/ } esto me funciona para el primer TD
pero
para el segundo no tengo la menor idea de como hacerlo. @Plácido lo q
puse
fue un ejemplo solamente pero el marcado HTML es un poco extenso.
Aprovecho
de paso, y perdón por hacer secuestro de mi mismo hilo, para preguntar
que
me recomiendan ustedes para quitarme este tema de las tablas de una vez
por
toda aunque semánticamente es un tabulado de datos que según la W3C y
muchos
hilos que he visto por acá o escritos en la web está correcto el uso de
tablas en este tipo de presentación.
Al tanto de comentarios
Ing. Reynier Pérez Mira
Cel: +58 04160121226
Twitter: twitter.com/reypm
Correo: reynie...@gmail.com
2011/4/3 Plácido Luna octubre196...@gmail.com
Hola a todos!
Hola Carlos
En tu código de ejemplo se te deslizó un error, pusiste
1. /*aqui se selecciona mediante el selector adyacente al primer TD
de
cada
2. tabla con id=table1*/
3. #table1 tr + td {
4. }
cuando en realidad el td no está adyacente sino dentro del tr, habría
que
sustituir el + por un espacio en la declaración.
Reynier, de tu consulta, en la cual dices:
Buenas noches a todos, tengo el siguiente marcado HTML:
1. table id=table1
2. tr
3. td Etiqueta 1/td
4. td Etiqueta 2/td
5. /tr
6. /table
no me queda claro si son extrictamente 2 celdas o el marcado fue a
título
de
ejemplo únicamente (como lo es el hecho de haber declarado una sola
fila),
ya que más abajo hablas de solo 2 estilos para aplicar en los td (td1 y
td2).
Si este fuese el caso, ¿por qué no usar una declaración para los td y
otra
para td + td? así solucionarías el tema.
Aún si fuesen más de 2 columnas y fuese un número relativamente chico
quedaría cómodo usar declaraciones para los td, td + td, td + td +
td...
por
ejemplo.
Por último podrías recurrir a los tags colgroup y col.
___
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] Ayuda con selector CSS
Buenas noches a todos, tengo el siguiente marcado HTML: table id=table1 tr td Etiqueta 1/td td Etiqueta 2/td /tr /table Se que puedo aplicar estilos a cada uno de los TD por separado si creo una clase para cada uno de ellos por ejemplo .td1 y .td2 pero entonces tendria que repetirlo por todos los TD de la tabla entonces existe alguna forma de hacer esto de forma automática? Dígase por ejemplo un selector global para el primer TD de cada TR y uno para el segundo TD de cada TR en cada una de las tablas? Me hago explicar? Ing. Reynier Pérez Mira ___ 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] Ayuda con selector CSS
Supongo que te refieres a esto:
style type=text/css
/* Este nombre de selector aplicará la regla a
todos los elementos HTML con clase td1
que estén dentro de elementos tr
que estén dentro de elementos HTML con id table1 */
#table1 tr .td1 {
}
/* Este nombre de selector aplicará la regla a
todos los elementos HTML con clase td2
que estén dentro de elementos tr
que estén dentro de elementos HTML con id table1 */
#table1 tr .td2 {
}
/* también podría ser si son iguales */
#table1 tr .td1 .td2 .td3 {
}
/style
body
table id=table1
tr
td class=td1 Etiqueta 1/td
td class=td2 Etiqueta 2/td
/tr
/table
/body
*-Mensaje original-
*De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre
*de Reynier Pérez Mira
*Enviado el: sábado, 02 de abril de 2011 09:23 p.m.
*Para: CSSEs
*Asunto: [Ovillo] Ayuda con selector CSS
*
*
*Buenas noches a todos, tengo el siguiente marcado HTML:
*
*table id=table1
* tr
* td Etiqueta 1/td
* td Etiqueta 2/td
* /tr
*/table
*
*Se que puedo aplicar estilos a cada uno de los TD por separado si creo una
clase
*para cada uno de ellos por ejemplo .td1 y .td2 pero entonces tendria que
repetirlo por
*todos los TD de la tabla entonces existe alguna forma de hacer esto de
forma
*automática? Dígase por ejemplo un selector global para el primer TD de cada
TR y
*uno para el segundo TD de cada TR en cada una de las tablas? Me hago
explicar?
*
*Ing. Reynier Pérez Mira
*
*
*___
*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
Re: [Ovillo] Ayuda con selector CSS
Si y no. Esa vía la conocía pero imagino q exista alguna forma un poco más
automatizada por decirlo de alguna forma que me evite el tener que poner
las clases td1 y td2 a cada TD que tenga en mi página porque si son
pocos no es problema pero si son muchos si que lo es
Ing. Reynier Pérez Mira
Twitter: twitter.com/reypm
2011/4/2 santosvz santo...@graficssvz.com
Supongo que te refieres a esto:
style type=text/css
/* Este nombre de selector aplicará la regla a
todos los elementos HTML con clase td1
que estén dentro de elementos tr
que estén dentro de elementos HTML con id table1 */
#table1 tr .td1 {
}
/* Este nombre de selector aplicará la regla a
todos los elementos HTML con clase td2
que estén dentro de elementos tr
que estén dentro de elementos HTML con id table1 */
#table1 tr .td2 {
}
/* también podría ser si son iguales */
#table1 tr .td1 .td2 .td3 {
}
/style
body
table id=table1
tr
td class=td1 Etiqueta 1/td
td class=td2 Etiqueta 2/td
/tr
/table
/body
*-Mensaje original-
*De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre
*de Reynier Pérez Mira
*Enviado el: sábado, 02 de abril de 2011 09:23 p.m.
*Para: CSSEs
*Asunto: [Ovillo] Ayuda con selector CSS
*
*
*Buenas noches a todos, tengo el siguiente marcado HTML:
*
*table id=table1
* tr
* td Etiqueta 1/td
* td Etiqueta 2/td
* /tr
*/table
*
*Se que puedo aplicar estilos a cada uno de los TD por separado si creo una
clase
*para cada uno de ellos por ejemplo .td1 y .td2 pero entonces tendria que
repetirlo por
*todos los TD de la tabla entonces existe alguna forma de hacer esto de
forma
*automática? Dígase por ejemplo un selector global para el primer TD de
cada
TR y
*uno para el segundo TD de cada TR en cada una de las tablas? Me hago
explicar?
*
*Ing. Reynier Pérez Mira
*
*
*___
*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
Re: [Ovillo] Ayuda con selector CSS
Hola, este código creo que puede cumplir tus requerimientos usa selectores
avanzados y uno de css3
ensayalo y coméntanos, espero te sirva
saludos.
style type=text/css
/*aqui se selecciona mediante el selector adyacente al primer TD de cada
tabla con id=table1*/
#table1 tr + td {
}
/*esta es otra forma de conseguir lo mismo que el anterior*/
#table1 td:first-child {
}
/*con este selector de css3 puedes conseguir que se seleccione el segundo TD
de cada tabla con id=table1
p.d: creo que el parametro es 2 sino funciona probas con 1 ;).
*/
#table1 tr td:nth-child(2){
}
/style
body
table id=table1
tr
td Etiqueta 1/td
td Etiqueta 2/td
/tr
/table
/body
El 2 de abril de 2011 23:11, santosvz santo...@graficssvz.com escribió:
Supongo que te refieres a esto:
style type=text/css
/* Este nombre de selector aplicará la regla a
todos los elementos HTML con clase td1
que estén dentro de elementos tr
que estén dentro de elementos HTML con id table1 */
#table1 tr .td1 {
}
/* Este nombre de selector aplicará la regla a
todos los elementos HTML con clase td2
que estén dentro de elementos tr
que estén dentro de elementos HTML con id table1 */
#table1 tr .td2 {
}
/* también podría ser si son iguales */
#table1 tr .td1 .td2 .td3 {
}
/style
body
table id=table1
tr
td class=td1 Etiqueta 1/td
td class=td2 Etiqueta 2/td
/tr
/table
/body
*-Mensaje original-
*De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre
*de Reynier Pérez Mira
*Enviado el: sábado, 02 de abril de 2011 09:23 p.m.
*Para: CSSEs
*Asunto: [Ovillo] Ayuda con selector CSS
*
*
*Buenas noches a todos, tengo el siguiente marcado HTML:
*
*table id=table1
* tr
* td Etiqueta 1/td
* td Etiqueta 2/td
* /tr
*/table
*
*Se que puedo aplicar estilos a cada uno de los TD por separado si creo una
clase
*para cada uno de ellos por ejemplo .td1 y .td2 pero entonces tendria que
repetirlo por
*todos los TD de la tabla entonces existe alguna forma de hacer esto de
forma
*automática? Dígase por ejemplo un selector global para el primer TD de
cada
TR y
*uno para el segundo TD de cada TR en cada una de las tablas? Me hago
explicar?
*
*Ing. Reynier Pérez Mira
*
*
*___
*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
