Foros del Web » Creando para Internet » CSS »

input css

Estas en el tema de input css en el foro de CSS en Foros del Web. que tal [email protected]: Tengo una tabla que manejo por medio de css, en esta tabla tengo varios input a lo que me gustaria darles estilo ...
  #1 (permalink)  
Antiguo 14/09/2010, 15:20
Avatar de catpaw  
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 7 años, 7 meses
Puntos: 23
Pregunta input css

que tal [email protected]:

Tengo una tabla que manejo por medio de css, en esta tabla tengo varios input a lo que me gustaria darles estilo tambien, lo probe haciendolo individualmente y funciono bien, despues me fui a mi archivo css y declare esto:


Código:
#table_res input{
 text-align: center;
 background: black;
}
pero no me funciona...

sabrán ustedes la forma correcta de hacer esto?? o tal vez lo que intento no se puede?? y tengo que ir uno por uno??

Gracias...
  #2 (permalink)  
Antiguo 14/09/2010, 17:29
 
Fecha de Ingreso: noviembre-2008
Mensajes: 94
Antigüedad: 9 años
Puntos: 6
Respuesta: input css

Bueno, si estás poniendo inputs dentro de tablas lo estás haciendo mal. Pero así sin ver voy a decir que el text-align lo debes poner en el td de la tabla o ponerle al input display: block; width: 100%;
  #3 (permalink)  
Antiguo 14/09/2010, 17:31
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: input css

Hola,

cualquier elemento se centra con un margin:0 auto;

Saludos DTB
  #4 (permalink)  
Antiguo 14/09/2010, 18:53
Avatar de catpaw  
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 7 años, 7 meses
Puntos: 23
Respuesta: input css

Cita:
Iniciado por rb3m Ver Mensaje
Bueno, si estás poniendo inputs dentro de tablas lo estás haciendo mal. Pero así sin ver voy a decir que el text-align lo debes poner en el td de la tabla o ponerle al input display: block; width: 100%;
De hecho mi td lo tiene y lo que hace es centrar los input no lo que contienen:

Código:
#tabla_res td{
	background-color:#EAEBF9;
	padding: 3px;
	font-weight: normal;
	font-size: 12px;
	color: #669; 
  	border-style:solid;
  	border-width:1px;
  	border-color:white;
  	text-align:center;
}
y ponerle al input display me saldria igual ir uno por uno...

TheDark03: Probe agregando como dices y nada, yo creo no esta tomando bien este codigo ya que ni el color del background lo hace:

Código:
#table_res input{
	text-align: center; 
	background:#EAEBF9;
	margin: 0 auto;
}
  #5 (permalink)  
Antiguo 14/09/2010, 20:36
 
Fecha de Ingreso: noviembre-2008
Mensajes: 94
Antigüedad: 9 años
Puntos: 6
Respuesta: input css

Por eso, puedes hacer

#table_res input {
text-align: center;
background-color: #eaebf9;
display: block;
margin: 0 auto;
}

y a ver que sucede.
  #6 (permalink)  
Antiguo 15/09/2010, 09:55
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: input css

Hola Catpaw, mira sabes de repente si lo estas haciendo bien, y solo se debe a un error humano, prueba asi:

#table_res td input{codigo css}

y recordándote que un input pueder ser botones, textbox ...,etc.

Un ejemplo para solo los textbox, que es lo que creo que estas intentado implementar seria de la siguiente manera:

Código CSS:
Ver original
  1. input{ width: 220px; display: block; padding: 4px; margin: 0 0 10px 0; font-size: 18px;
  2.                       color: #3a3a3a; font-family: Georgia, serif;}
  3. input[type=textbox]{ width: 20px; margin: 0; display: inline-block; }

Saludos DTB.

PD: tal vez tu problema se debe a que no has reseteado estos elementos. Un consejo si es que tienes un align:center en tus TD quitalos y has las respectivas pruebas.
  #7 (permalink)  
Antiguo 15/09/2010, 14:57
Avatar de catpaw  
Fecha de Ingreso: mayo-2010
Ubicación: xalapa
Mensajes: 856
Antigüedad: 7 años, 7 meses
Puntos: 23
Respuesta: input css

Gracias por sus respuestas...

The Dark03 probe lo que me pones y no me respeta el estilo, aqui pongo el css completo que manejo para la tabla:

Código:
#tabla_res{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	background-color:#ffffff;
                border-style:dashed;
                border-color:#8688BE;
                border-width:1px;
                border-collapse: collapse;
}

#tabla_res caption{
	background-color:#669;
                color:white;
                border-style:dashed;
                border-width:1px;
                border-color:#8688BE;
                font-weight: bold;
	font-size: 14px;
	padding: 5px;
}

#tabla_res th{
	background-color:#C0C2E7;
	padding: 3px;
	font-weight: normal;
	font-size: 13px;
	color: #339; 
  	border-style:solid;
  	border-width:1px;
  	border-color:white;
  	text-align:center;
}

#tabla_res td{
	background-color:#EAEBF9;
	padding: 3px;
	font-weight: normal;
	font-size: 12px;
	color: #669; 
  	border-style:solid;
  	border-width:1px;
  	border-color:white;
  	text-align:center;
}

#table_res td input[type=textbox]{
	text-align: center; 
	background:#EAEBF9;
	margin: 0 auto;
}
Veras que puse algo del codigo que me facilitaste pero no lo hace, aca mi tabla html:

Código HTML:
<table align="center" id="tabla_res" style="width:400px; table-layout:fixed;">
 <caption>Trabajador que Aurtoriza</caption>
 <tr>
   <th>RPE:</th>
   <td><input type="text" size="6" maxlength="5" value="$rpeAX" name="rpeaaa" id="rpeaaax" onClick="javascript: anone='2'; this.focus();" onKeyUp="javascript: this.value=this.value.toUpperCase();" onKeyPress="javascript: enter();" onBlur="javascript: this.value=this.value.toUpperCase();"/></td>
 </tr>
 <tr>
   <th>Nombre:</th>
   <td><?PHP echo $empAX ?></td>
 </tr>
</table> 
Hay esta mi input y no toma el estilo que le pongo en el css, la tabla si...
  #8 (permalink)  
Antiguo 15/09/2010, 16:26
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: input css

Hola de nuevo, nunca me había pasado pero veo que en tu código que pones si sucede,

pero sabes por el momento al css del input define lo fuera de tu table... y asi trabajalo:

input{codigo css}

Saludos DTB

PD: Probare con tu código con algunos selectores.

Etiquetas: input
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:18.