Foros del Web » Creando para Internet » CSS »

armar celda

Estas en el tema de armar celda en el foro de CSS en Foros del Web. Amigos. Estoy armando una seccion de un inicio de sesion donde tengo 2 bordes y al centro un text field. el problema es que el ...
  #1 (permalink)  
Antiguo 01/11/2008, 12:13
 
Fecha de Ingreso: abril-2005
Mensajes: 491
Antigüedad: 12 años, 8 meses
Puntos: 1
armar celda

Amigos.

Estoy armando una seccion de un inicio de sesion donde tengo 2 bordes y al centro un text field.

el problema es que el text field no me cuadra y eso provoca que no se pueda alinear bien esa seccion.

Adjunto 2 imágenes haber si me pueden ayudar como armarlo.
1. mal:

2. como debe quedar:

Haber que me pueden recomendar, mi principal problema es que no he dado con la forma para alinear el textfield en "top" entonces siempre queda más abajo que los bordes a los costados

Última edición por under_ground; 01/11/2008 a las 12:37
  #2 (permalink)  
Antiguo 01/11/2008, 13:04
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: armar celda

Puede ser una cuestión de padding, o marging, pero Under_Ground, sería más facil echarte una mano si colocases tu código, tanto css como html, al menos de ese formulario, (el código generado).
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 01/11/2008, 14:00
 
Fecha de Ingreso: abril-2005
Mensajes: 491
Antigüedad: 12 años, 8 meses
Puntos: 1
Respuesta: armar celda

si, mira por aqui esta el css para el textfield
Código HTML:
input {
border : 1px solid blue;
width:100px; 
height: 18px;
font-size: 0.8em;
}
El código generado de ese trozo
Código HTML:
<img src="http://www.forosdelweb.com/images/base-web-03_30.gif" width="20" height="16"><input type="text" name="textfield"><img src="http://www.forosdelweb.com/images/base-web-03_32.gif" width="20" height="16"> 
este ultimo trozo que es donde esta el textfield entre tag "td" como vez son dos gif (derecho, izquierdo) y entre ambos estaría el textfield
  #4 (permalink)  
Antiguo 01/11/2008, 14:16
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: armar celda

Pese a que no es la misma imagen, para "subirlo" un poco prueba a darle
margin-bottom:2px; (juega con los px)
Y ya que estamos, recomiendan que el color lo definas en notación html (#0000FF) y no en rgb o texto (0,0,255. blue)
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 20:15.