input css

[catpaw]

que tal forer@s:

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...

[rb3m]

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%;

[TheDark03]

Hola,

cualquier elemento se centra con un margin:0 auto;

Saludos DTB

[catpaw]

Iniciado por rb3m

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;
}

[rb3m]

Por eso, puedes hacer

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

y a ver que sucede.

[TheDark03]

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:

input{ width: 220px; display: block; padding: 4px; margin: 0 0 10px 0; font-size: 18px;
                      color: #3a3a3a; font-family: Georgia, serif;}
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.

[catpaw]

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...

[TheDark03]

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.