[Ovillo] Estilos a los diferentes Inputs

2009-02-16 Por tema Rafael Ferrero Rodríguez
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


Re: [Ovillo] Problema con caja (div) y archivo flash (swf)

2009-02-16 Por tema Daniel Rodriguez
Gracias , me ha resultado perfecto con display: block o tambien con
vertical-align: bottom; trabajando sobre object

Saludos y Muchas gracias de nuevo, Daniel Rodriguez



El 15 de febrero de 2009 11:55, Daniel Navarro webpe...@gmail.comescribió:

 Hola, Daniel Rodríguez. Se me ocurren dos posibilidades.

 Puede ser por el margen superior del elemento que esté debajo del div que
 contiene la animación. Asegúrate que este margen no se entrometa en el
 elemento superior. Para ello, establécelo en cero o aplícale un borde o un
 padding (aunque sea de 1px) a este elemento inferior.


 También puede ser porque la animación esté sobre la línea base (es el
 comportamiento predeterminado, a menos que tú lo cambies). La línea base es
 donde se sitúa el texto y los demás elementos inline. Debajo de la línea
 base siempre hay un hueco para dejar espacio a los trazos descendentes de
 letras como la q, p, etc. Si este es tu problema, tienes varias
 posibilidades:

 - Cambiar a *doctype transitional* (no te lo recomiendo)

 - Establecer *display: block; *en el elemento object

 - Establecer *vertical-align: bottom; *en el elemento object

 - Establecer *line-height: 0px;* en el div contenedor del object. Válido si
 éste sólo contiene una línea.

 No tienes que usar todas las soluciones anteriores, sólo una de ellas.


 Si esto no resuelve tu problema, indícanos el código o un enlace a la
 página.

 Saludos.




 2009/2/14 Daniel Rodriguez eldan...@gmail.com

  Hola amigos, tengo el siguiente problema:
 
  Tengo una caja (div) con todos sus margenes y rellenos en 0 (cero) y un
  borde de 1 pixel solido, pero cuando le coloco dentro un archivo swf de
  flash, entre el swf y el borde inferior de la caja me deja un espacio
  como de 1 o 2 pixeles en blanco en firefox (no tengo ese problema en IE).
 
  Sabe alguien si esto tiene solucion por medio de algun Hack o no tendre
  mas remedio que darle ese borde de 1 pixel directamente desde flash.
 
  Desde ya muchas gracias, Daniel
  ___
  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] Estilos a los diferentes Inputs

2009-02-16 Por tema Rodrigo Álvarez Virgós
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

2009-02-16 Por tema Victor Hugo Arias Valencia
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

2009-02-16 Por tema Nelly Natali
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

2009-02-16 Por tema Tei
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