Foros del Web » Creando para Internet » CSS »

Maquetando Buscador

Estas en el tema de Maquetando Buscador en el foro de CSS en Foros del Web. Hola, Estoy dando los últimos retoques a un buscador y he conseguido casi todo lo que quería, menos un detalle que no consigo: Se trata ...
  #1 (permalink)  
Antiguo 13/08/2007, 09:45
 
Fecha de Ingreso: noviembre-2005
Mensajes: 889
Antigüedad: 18 años, 5 meses
Puntos: 8
Maquetando Buscador

Hola,

Estoy dando los últimos retoques a un buscador y he conseguido casi todo lo que quería, menos un detalle que no consigo:

Se trata de hacer subir o bajar las letras dentro de la caja. Es decir, no consigo añadirles margen, o lo que sea al texto que se escribe en la caja concreta.

Esto vale para cualquier tipo de caja input que se incluya en formularios, buscadores,etc.

El css que tengo es:

#buscador input {
POSITION: absolute;
MARGIN: 0px;
PADDING: 0px;
FONT-FAMILY: tahoma;
FONT-SIZE: 14px;
FONT-STYLE: normal;
FONT-WEIGHT: bold;
COLOR: #006600;
BORDER: #006600 2px solid;
BACKGROUND: #ffffff;
WIDTH: 242px;
HEIGHT: 20px;
TOP: 0px;
LEFT: 0px;
}

Como la fuente es de 14, no hay problema, porque aparece bien centrado; pero, sin intentas darle un valor 12, aparece muy hacia arriba, no pudiéndo centrarlo añadiendo margen sobre la fuente porque no acepta tales contenidos.

He intentado hacer un input p, pero no da resultado.

Sé que tiene que haber solución, porque he visto otros buscadores y formularios con cajas amplias y textos bien centrados en la mismas. ¿Vosotros la conocéis?

Gracias
  #2 (permalink)  
Antiguo 13/08/2007, 09:58
Avatar de Shade  
Fecha de Ingreso: noviembre-2006
Mensajes: 262
Antigüedad: 17 años, 5 meses
Puntos: 1
Re: Maquetando Buscador

Si pusieras un poco del xhtml y mas css quizás podriamos ayudarte mejor.
  #3 (permalink)  
Antiguo 13/08/2007, 13:06
 
Fecha de Ingreso: marzo-2003
Ubicación: Cali - Colombia
Mensajes: 14
Antigüedad: 21 años, 1 mes
Puntos: 0
Re: Maquetando Buscador

prueba con la opción CSS line height y quita el padding.

también juega con el tamaño de la fuente y el tamaño de la cajita

saludos
  #4 (permalink)  
Antiguo 13/08/2007, 15:30
 
Fecha de Ingreso: noviembre-2005
Mensajes: 889
Antigüedad: 18 años, 5 meses
Puntos: 8
Re: Maquetando Buscador

Estimado amigos,

Como dice vik407 en su respuesta, se trata de jugar con line-height y no considerar padding.

Lo he probado y ha resultado, centrándose la línea de texto en la caja.

Por otro lado, es lo mejor, ya que por razones de estética, no podía ni tocar la fuente ni el tamaño de la caja.

Un saludo y gracias.
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 05:40.