Foros del Web » Creando para Internet » CSS »

consulta cajas de texto en tablas

Estas en el tema de consulta cajas de texto en tablas en el foro de CSS en Foros del Web. Muy buenas como se hace para cambiar el tamaño de una caja de texto que esté dentro de una tabla y que solo me afecte ...
  #1 (permalink)  
Antiguo 16/04/2016, 14:00
 
Fecha de Ingreso: agosto-2013
Mensajes: 40
Antigüedad: 10 años, 8 meses
Puntos: 0
consulta cajas de texto en tablas

Muy buenas
como se hace para cambiar el tamaño de una caja de texto que esté dentro de una tabla y que solo me afecte a esa clase?

Supongo que seria algo asi:

Cita:
.tabla-login input[type="text"]
{
width: 100px;
}
  #2 (permalink)  
Antiguo 17/04/2016, 03:01
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: consulta cajas de texto en tablas

En principio sí, es así.

De todas formas pon el HTML, porque si es que ese campo tiene la clase a la que haces referencia sería de otra forma. No me quedó claro a qué elemento pertenece esa clase.
__________________
(:
  #3 (permalink)  
Antiguo 17/04/2016, 06:46
 
Fecha de Ingreso: agosto-2013
Mensajes: 40
Antigüedad: 10 años, 8 meses
Puntos: 0
Respuesta: consulta cajas de texto en tablas

Mi tabla


Código:
Cita:
<table style="tabla-login" border="1px" >
<tr >
<td colspan="2"><center>Entrar al sistema</center></td>
</tr>
<tr>
<td><center>Usuario</center></td>
<td><input type="text" name="usuario" id="usuario" /></td>
</tr>
<tr>
<td><center>Clave</center></td>
<td><input type="password" name="clave" id="clave" /></td>
</tr>
<tr >
<td colspan="2"><center><input type="submit" name="button" id="button" value="Entrar" /></center></td>
</tr>
</table>
  #4 (permalink)  
Antiguo 18/04/2016, 14:13
Avatar de danielpatc  
Fecha de Ingreso: marzo-2016
Mensajes: 40
Antigüedad: 8 años, 1 mes
Puntos: 4
Respuesta: consulta cajas de texto en tablas

Prueba asi:
Código:
.tabla-login input[type=text]{
    width: 100px;
}
y la tabla de tener la clase "tabla-login" cambia
Código:
<table style="tabla-login" border="1px" >
por
Código:
<table class="tabla-login" border="1px" >
y agrega los estilos a esa clase.

Etiquetas: cajas, tablas, width
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 21:43.