Re: [Ovillo] Estilos a los diferentes Inputs
Mil gracias a todos por la ayuda prestada y por contestar tan rápido... La verdad es que suelo hacer siempre clases para darle estilos a los inputs pero quería saber un poquito más y si había alguna manera de hacerlo... De nuevo gracias y hasta pronto !!! ___ 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] Estilos a los diferentes Inputs
Hola,
On Mon, Feb 16, 2009 at 17:15, Rafael Ferrero Rodríguez
constantin...@gmail.com wrote:
Siempre que tengo que maquetar alguna web me encuentro con los dichosos
INPUT para darles estilo... lo que ocurre es que siempre hay diferentes
tipos de Input: select, button, textarea... y no he encontrado aún la forma
de hacer un estilo para cada uno de ellos, es decir:
Por ejemplo:
#divTalytal input {
border: 1px solid #333;
}
Me cogen el estilo todos los input que haya en el formulario, ya sea de
textarea, de button, etc... y para que no me lo haga tengo que ir haciendo
distintos tipos de clases para cada uno...
Pero sé que se le puede dar a cada uno de estos tipos...
Por ejemplo:
#divTalytal input [type=button]{
}
#divTalytal input [type=select]{
}
#divTalytal input [type=textarea]{
}
Aunque lo estoy intentando y no me lo pilla...
además de todo lo que te han dicho (textarea es un elemento y no un tipo de
input, y problemillas con IE), tienes un error en los selectores. No debe
haber espacio entre input y [type=select]. Así que quedaría:
#divTalytal input[type=button] {
}
#divTalytal input[type=select] {
}
#divTalytal textarea {
}
Saludos!
--
Si no puedes deslumbrar con tu sabiduría,
desconcierta con tus gilipolleces
___
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] Estilos a los diferentes Inputs
2009/2/16 Rafael Ferrero Rodríguez constantin...@gmail.com
Muy buenas lista !!!
Siempre que tengo que maquetar alguna web me encuentro con los dichosos
INPUT para darles estilo... lo que ocurre es que siempre hay diferentes
tipos de Input: select, button, textarea... y no he encontrado aún la forma
de hacer un estilo para cada uno de ellos, es decir:
Por ejemplo:
#divTalytal input {
border: 1px solid #333;
}
Me cogen el estilo todos los input que haya en el formulario, ya sea de
textarea, de button, etc... y para que no me lo haga tengo que ir haciendo
distintos tipos de clases para cada uno...
Pero sé que se le puede dar a cada uno de estos tipos...
Por ejemplo:
#divTalytal input [type=button]{
}
#divTalytal input [type=select]{
}
#divTalytal input [type=textarea]{
}
Aunque lo estoy intentando y no me lo pilla...
Gracias de antemano y saluditos.
___
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
Hola Rafael:
Como ya han apuntado, el soporte de IE en los selectores con valor, es
bastante paupérrimo, y ya si tenemos en cuenta el IE 6, podemos olvidarnos
de usar este tipo de selectores.La mayoría por convención solemos utilizar
una clase que suele ser casi siempre igual que el type, es decir; para un
input type=checkbox utilizaría una clase checkbox, lo mismo para los
radio, incluso otra button para los type=button y así sucesivamente.
Luego ya una generica que englobase todo el resto de inputs, y la propia
para el textarea y el select.
Quizá en un futuro no muy lejano, cuando el IE6 deje de contar, podremos
empezar a obviar estas clases para escribir un código todavía más limpio,
pero pienso que esta solución no es tan mala, ya que incluso semánticamente
tiene bastante sentido, aunque quizá reduntante.
En fin, ahí queda eso, espero que te sirva.
--
Philipp Keweloh
Being powerful is like being a lady. If you have to tell people, you
aren't. - M. Thatcher
___
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] Estilos a los diferentes Inputs
Hola, Rafael
Rafael Ferrero Rodríguez escribió:
Muy buenas lista !!!
Siempre que tengo que maquetar alguna web me encuentro con los dichosos
INPUT para darles estilo... lo que ocurre es que siempre hay diferentes
tipos de Input: select, button, textarea... y no he encontrado aún la forma
de hacer un estilo para cada uno de ellos, es decir:
Por ejemplo:
#divTalytal input {
border: 1px solid #333;
}
Me cogen el estilo todos los input que haya en el formulario, ya sea de
textarea, de button, etc... y para que no me lo haga tengo que ir haciendo
distintos tipos de clases para cada uno...
Pero sé que se le puede dar a cada uno de estos tipos...
Por ejemplo:
#divTalytal input [type=button]{
}
#divTalytal input [type=select]{
}
#divTalytal input [type=textarea]{
}
Ante todo: no existe el input type=textarea, supongo que será una
confusión tuya... Y luego: el selector [atributo=valor] no funciona en IE
___
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] Estilos a los diferentes Inputs
No será mucho el aporte, pero quisiera anotar que el textarea no es un
input, es una etiqueta independiente textarea/textarea
2009/2/16 Rafael Ferrero Rodríguez constantin...@gmail.com
Muy buenas lista !!!
Siempre que tengo que maquetar alguna web me encuentro con los dichosos
INPUT para darles estilo... lo que ocurre es que siempre hay diferentes
tipos de Input: select, button, textarea... y no he encontrado aún la forma
de hacer un estilo para cada uno de ellos, es decir:
Por ejemplo:
#divTalytal input {
border: 1px solid #333;
}
Me cogen el estilo todos los input que haya en el formulario, ya sea de
textarea, de button, etc... y para que no me lo haga tengo que ir haciendo
distintos tipos de clases para cada uno...
Pero sé que se le puede dar a cada uno de estos tipos...
Por ejemplo:
#divTalytal input [type=button]{
}
#divTalytal input [type=select]{
}
#divTalytal input [type=textarea]{
}
Aunque lo estoy intentando y no me lo pilla...
Gracias de antemano y saluditos.
___
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] Estilos a los diferentes Inputs
Hola Rafael,
Por mi parte te recomiendo que uses clases para los inputs que quieras
modificar:
input type=text class=miclase /
input.miclase {}
Aunque por lo que indicas creo que confundes los input y agrupas en input a
todos los elementos de los formularios.
A cada elemento se le puede aplicar un estilo por separado.
input {}
select {}
textarea {}
Un saludo!
El 16 de febrero de 2009 17:33, Victor Hugo Arias Valencia
hugovic1...@gmail.com escribió:
No será mucho el aporte, pero quisiera anotar que el textarea no es un
input, es una etiqueta independiente textarea/textarea
2009/2/16 Rafael Ferrero Rodríguez constantin...@gmail.com
Muy buenas lista !!!
Siempre que tengo que maquetar alguna web me encuentro con los dichosos
INPUT para darles estilo... lo que ocurre es que siempre hay diferentes
tipos de Input: select, button, textarea... y no he encontrado aún la
forma
de hacer un estilo para cada uno de ellos, es decir:
Por ejemplo:
#divTalytal input {
border: 1px solid #333;
}
Me cogen el estilo todos los input que haya en el formulario, ya sea de
textarea, de button, etc... y para que no me lo haga tengo que ir
haciendo
distintos tipos de clases para cada uno...
Pero sé que se le puede dar a cada uno de estos tipos...
Por ejemplo:
#divTalytal input [type=button]{
}
#divTalytal input [type=select]{
}
#divTalytal input [type=textarea]{
}
Aunque lo estoy intentando y no me lo pilla...
Gracias de antemano y saluditos.
___
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
--
nnatali
http://blog.nnatali.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] Estilos a los diferentes Inputs
2 caveats:
los checkbox es posible que quieras estilarlos por separado (diferente
aspecto, por ejemplo sin borde)
input type=checkbox
IE tiene un bug que hace que si le pones un border-bottom a un checkbox,
luego no se lo puedes quitar (la honra de una muchachita)
esto hace que en la practica haya que estilar los checkbox por separado.
Aunque viendo como lo hace otra gente, igual hay quien no le hace falta.
2009/2/16 Nelly Natali unanat...@gmail.com
Hola Rafael,
Por mi parte te recomiendo que uses clases para los inputs que quieras
modificar:
input type=text class=miclase /
input.miclase {}
Aunque por lo que indicas creo que confundes los input y agrupas en input a
todos los elementos de los formularios.
A cada elemento se le puede aplicar un estilo por separado.
input {}
select {}
textarea {}
Un saludo!
...
--
--
ℱ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
