Foros del Web » Creando para Internet » CSS »

Alinear texto verticalmente en div

Estas en el tema de Alinear texto verticalmente en div en el foro de CSS en Foros del Web. Muy buenas a todos. Busque como alinear un texto verticalmente pero solo encontre con tablas o cosas similares :/. Codigo CSS: #buscarlogin { background-image: url(images/Images/maqueta%20tocada/backmenu.jpg); ...
  #1 (permalink)  
Antiguo 21/09/2010, 15:58
Avatar de VbOkonly  
Fecha de Ingreso: julio-2009
Ubicación: San Justo, Buenos Aires, Argentina
Mensajes: 490
Antigüedad: 14 años, 9 meses
Puntos: 5
De acuerdo Alinear texto verticalmente en div

Muy buenas a todos.
Busque como alinear un texto verticalmente pero solo encontre con tablas o cosas similares :/.

Codigo CSS:

#buscarlogin {
background-image: url(images/Images/maqueta%20tocada/backmenu.jpg);
}

Codigo HTML:

<div id="buscarlogin"><img src="images/Images/maqueta tocada/backmenu.jpg" width="1" height="42" /></div>


Tengo una imagen para marcar el alto de la div, la div está sola (no hay nada a los lados).

Lo que estoy buscando es como alinear un texto verticalmente, mi idea es poner inputbox de login y otro de "buscar", que queden lo mas bonitos posibles :(, no quiero usar tablas ... Si es necesario sacrifico la imagen de alto y que quede mas pequeño, no importa, solo me interesa que quede el texto centrado verticalmente ...
¿Tienen alguna idea?.

Gracias de antemano!.
  #2 (permalink)  
Antiguo 21/09/2010, 16:05
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: Alinear texto verticalmente en div

no me quedo muy claro que resultado deseas obtener... quizas un screenshot? o el código completo de esa seccion
  #3 (permalink)  
Antiguo 21/09/2010, 17:21
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 1 mes
Puntos: 142
Respuesta: Alinear texto verticalmente en div

Yo lo hago agregando un padding superior e inferior, algo como "padding:0.8em 0;". Quizá eso te pueda ser útil
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #4 (permalink)  
Antiguo 21/09/2010, 17:31
Avatar de masterojitos  
Fecha de Ingreso: julio-2008
Ubicación: Lima Callao Chucuito
Mensajes: 1.931
Antigüedad: 15 años, 9 meses
Puntos: 105
Respuesta: Alinear texto verticalmente en div

Prueba asi:

Código HTML:
Ver original
  1. <input type="text" value="Buscar" id="search" name="search">
  2. <img width="31" height="25" alt="Buscar" src="images/search.jpg" style="vertical-align: middle;">

Espero sea lo que buscas...

Suerte
__________________
Atte. MasterOjitos :ojotes:
Todo sobre Programación Web
Las ultimas tendencias en Efectos y Recursos Web: MasterOjitos Blog
  #5 (permalink)  
Antiguo 21/09/2010, 18:39
Avatar de VbOkonly  
Fecha de Ingreso: julio-2009
Ubicación: San Justo, Buenos Aires, Argentina
Mensajes: 490
Antigüedad: 14 años, 9 meses
Puntos: 5
Respuesta: Alinear texto verticalmente en div

Gracias chicos, solucionado :D.

Etiquetas: alinear
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 06:12.