Comunidad de diseño web y desarrollo en internet online

dimencionar input con css

Citar            
MensajeEscrito el 13 Abr 2009 03:22 pm
saludos !

debo recrear una planilla y para eso debo hacer que los input tengan una medida "exacta" pero al cacharlos con IE y con Mozilla utilizando en size no logra hacer que queden igual!!!! me podeis dar algun indicio de como rayos se puede hacer para que se vena lo mas precido posible

gracias

Por jpcw

Claber

1715 de clabLevel

1 tutorial

Genero:Masculino  

AlgoritmicBrainDesigner

firefox
Citar            
MensajeEscrito el 13 Abr 2009 04:10 pm
Con CSS puedes usar la propiedad width en pixeles, con eso ya te quedaria igual.

(recuerda antes de todo usar un Reset CSS)

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Lima, Peru

firefox
Citar            
MensajeEscrito el 13 Abr 2009 05:24 pm
gracias por el dato!
Estube mirando y encontre este link http://www.cssblog.es/10-tecnicas-para-resetear-css/ con respecto al reset del CSS y pues quede X_x' no comprendo porque existen tantas formas y tan diferentes, yo solo deseo poder ajustar mis input y mis select, en ese caso solo debo hacerle "reset" a esos campos?

Por jpcw

Claber

1715 de clabLevel

1 tutorial

Genero:Masculino  

AlgoritmicBrainDesigner

firefox
Citar            
MensajeEscrito el 13 Abr 2009 05:28 pm
El reset es una tecnica para que los browsers empiecen desde 0 en todos los elementos, 0 margenes, 0 paddings, 0 bordes, etc.

Yo utilizo el YUI Reset CSS y puedes retirar los tags que no necesites si deseas, yo lo uso tal cual, y siempre debe ser la primera css que llames. El reset es una buena practica invaluable, te evita muchos dolores de cabeza al momento de compatibilizar.

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Lima, Peru

firefox
Citar            
MensajeEscrito el 13 Abr 2009 08:41 pm
joder........ perfecto el dato, gracias :D

Por jpcw

Claber

1715 de clabLevel

1 tutorial

Genero:Masculino  

AlgoritmicBrainDesigner

firefox
Citar            
MensajeEscrito el 20 Abr 2009 11:21 pm
jpcw, usa css para quitar el padding y luego agrega un width exacto, esto deberia solucionar el problema.

Código :

input,
select {
  padding:0;
  width:200px;
}


Solo recuerda que esto también le dara estilos a los radios y checkboxes.

Saludos.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.