Foros del web, para los que viven de bits

dieguicho · 25-feb-2006, 08:30

Hola estimados miren esto!
http://connecta.updatelog.com/login

como le hacen para que tengan tanto espacio las cajas de texto?
yo lo pruebo poniendole padding pero.. me lo mueve para abajo, no las agranda a las cajas

Bonez · 25-feb-2006, 08:33

Debería de ser con padding creo yo, y, mirando el código fuente, pues si, es con padding.

Código:

.login div#Dialog {
	border: 10px solid #ccc;
	padding: 15px 20px 10px 20px;
	text-align: left;
	background: #fff;
}

dieguicho · 25-feb-2006, 09:24

si, pero eso es toda la caja me refiero solo al campo de texto
fijate de escribir algo y veras como la letra es mucho mas chica que el campo de texto

sjam7 · 25-feb-2006, 10:17

intenta lo que te dijeron, eso hace el padding

puedes hacerlo asi:

Código:

.caja {
    border: 1px solid #000;
    padding: 15px 20px 10px 20px;
    background: #fff;
}

y en la caja de texto le pones class="caja"

JavierB · 25-feb-2006, 10:19

Hola dieguicho

Ponle el padding al camo de texto:

input {padding:10px;}

Saludos,

dieguicho · 25-feb-2006, 17:07

en firefox lo propuesto por JavierB se ve bien, justo lo que quiero :)
pero en IE se ve mal queda todo corrido ose hace el padding pero el tamaño de la caja lo deja igual
lo subi aqui para que lo vean
http://www.misiochat.com/caja.htm
gracias!

man0l0 · 25-feb-2006, 20:14

Intenta dando ancho y alto fijo y un pequeño padding :P

Mira esto:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
input {
width: 200px;
height: 30px;
padding-top: 2px;
font-size: 1em;
}
-->
</style>
</head>

<body>
<input name="textfield" type="text" class="caja" value="esto es una prueba">
</body>
</html>

Saludos!

JavierB · 26-feb-2006, 02:23

Hola de nuevo.

Pon bien el doctype y debería funcionarte:

http://www.w3.org/QA/2002/04/valid-dtd-list.html

Saludos,

dieguicho · 27-feb-2006, 08:55

no hay caso, cambiando el doctype tampoco funca
miren > http://www.misiochat.com/caja.htm

kahlito · 27-feb-2006, 14:51

Hola dieguicho, con ese doctype te da problemas, además tienes algunos elementos cambiados de orden, prueba con este:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>prueba de campos</title>
<style type="text/css">
input {
	font-family: "Arial";
	padding:10px;
}
</style>
</head>

<body>
<p> 
  <input name="textfield" type="text" value="prueba de campo de texto" />
  <br />

  Prueben de seleccionar y arrastrar hacia arriba o abajo el texto del campo, 
  el padding esta funcionando.<br />
  solo que deja la caja del mismo tamaÃ±o :(</p>
</body>
</html>

Saludosss

dieguicho · 27-feb-2006, 15:02

eso si funciono perfectamente!
muchas gracias a todos!

25-feb-2006, 08:30	#1 (permalink)
dieguicho Fecha de Ingreso: noviembre-2002 Ubicación: Buenos Aires Mensajes: 903	espacio en cajas de texto Hola estimados miren esto! http://connecta.updatelog.com/login como le hacen para que tengan tanto espacio las cajas de texto? yo lo pruebo poniendole padding pero.. me lo mueve para abajo, no las agranda a las cajas __________________ On error no hago nada porque deje de fumar...

25-feb-2006, 08:33	#2 (permalink)
Bonez Fecha de Ingreso: noviembre-2002 Mensajes: 2.044	Debería de ser con padding creo yo, y, mirando el código fuente, pues si, es con padding. Código: .login div#Dialog { border: 10px solid #ccc; padding: 15px 20px 10px 20px; text-align: left; background: #fff; }

25-feb-2006, 09:24	#3 (permalink)
dieguicho Fecha de Ingreso: noviembre-2002 Ubicación: Buenos Aires Mensajes: 903	si, pero eso es toda la caja me refiero solo al campo de texto fijate de escribir algo y veras como la letra es mucho mas chica que el campo de texto __________________ On error no hago nada porque deje de fumar...

25-feb-2006, 10:17	#4 (permalink)
sjam7 Fecha de Ingreso: noviembre-2002 Ubicación: Guadalajara, Mexico Mensajes: 3.254	intenta lo que te dijeron, eso hace el padding puedes hacerlo asi: Código: .caja { border: 1px solid #000; padding: 15px 20px 10px 20px; background: #fff; } y en la caja de texto le pones class="caja"

25-feb-2006, 10:19	#5 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.549	Hola dieguicho Ponle el padding al camo de texto: input {padding:10px;} Saludos, __________________ Lee las Políticas de los foros y escribe correctamente.

25-feb-2006, 17:07	#6 (permalink)
dieguicho Fecha de Ingreso: noviembre-2002 Ubicación: Buenos Aires Mensajes: 903	en firefox lo propuesto por JavierB se ve bien, justo lo que quiero :) pero en IE se ve mal queda todo corrido ose hace el padding pero el tamaño de la caja lo deja igual lo subi aqui para que lo vean http://www.misiochat.com/caja.htm gracias! __________________ On error no hago nada porque deje de fumar...

26-feb-2006, 02:23	#8 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.549	Hola de nuevo. Pon bien el doctype y debería funcionarte: http://www.w3.org/QA/2002/04/valid-dtd-list.html Saludos, __________________ Lee las Políticas de los foros y escribe correctamente.

27-feb-2006, 08:55	#9 (permalink)
dieguicho Fecha de Ingreso: noviembre-2002 Ubicación: Buenos Aires Mensajes: 903	no hay caso, cambiando el doctype tampoco funca miren > http://www.misiochat.com/caja.htm __________________ On error no hago nada porque deje de fumar...

27-feb-2006, 15:02	#11 (permalink)
dieguicho Fecha de Ingreso: noviembre-2002 Ubicación: Buenos Aires Mensajes: 903	eso si funciono perfectamente! muchas gracias a todos! __________________ On error no hago nada porque deje de fumar...

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado