espacio en cajas de texto

dieguicho · #1 (**permalink**) 25/02/2006, 09: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

pzin · #2 (**permalink**) 25/02/2006, 09: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 · #3 (**permalink**) 25/02/2006, 10: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 · #4 (**permalink**) 25/02/2006, 11: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 · #5 (**permalink**) 25/02/2006, 11:19

Hola dieguicho

Ponle el padding al camo de texto:

input {padding:10px;}

Saludos,

dieguicho · #6 (**permalink**) 25/02/2006, 18: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 · #7 (**permalink**) 25/02/2006, 21: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 · #8 (**permalink**) 26/02/2006, 03: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 · #9 (**permalink**) 27/02/2006, 09:55

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

kahlito · #10 (**permalink**) 27/02/2006, 15: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 · #11 (**permalink**) 27/02/2006, 16:02

eso si funciono perfectamente!
muchas gracias a todos!