Foros del Web - espacio en cajas de texto

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - espacio en cajas de texto (http://www.forosdelweb.com/f53/espacio-cajas-texto-373992/)

dieguicho

25/02/2006 09:30

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

pzin	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

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

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

25/02/2006 11:19

Hola dieguicho

Ponle el padding al camo de texto:

input {padding:10px;}

Saludos, :adios:

dieguicho

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

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

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, :adios:

dieguicho

27/02/2006 09:55

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

kahlito

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 :adios:

dieguicho

27/02/2006 16:02

eso si funciono perfectamente!
muchas gracias a todos!

La zona horaria es GMT -6. Ahora son las 08:47.