Foros del Web » Creando para Internet » CSS »

Centrado vertical

Estas en el tema de Centrado vertical en el foro de CSS en Foros del Web. Buenas, es la primera vez que escribo. Leyendo se aprende y por eso estoy en eso. Estoy empezando con esto de hacer pags web Mi ...
  #1 (permalink)  
Antiguo 02/05/2006, 18:12
 
Fecha de Ingreso: abril-2006
Mensajes: 4
Antigüedad: 11 años, 7 meses
Puntos: 0
Información Centrado vertical

Buenas, es la primera vez que escribo. Leyendo se aprende y por eso estoy en eso. Estoy empezando con esto de hacer pags web
Mi pregunta es: ¿Cómo hago para poder centrar verticalmente algún texto?
text-align: center --> me lo centra horizontalmente

Saludos a todos y gracias a que por lo menos se molestaron en leer mi pregunta.
  #2 (permalink)  
Antiguo 02/05/2006, 18:45
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 1 mes
Puntos: 1
Hola pekotes.

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title lang='es'>un ejemplo simple</title>

<style type="text/css">

.baseline { vertical-align: baseline; }
.middle { vertical-align: middle; }
.sub { vertical-align: sub; }
.super { vertical-align: super; } 
.text-top { vertical-align: text-top; font-size: x-small;}
.text-bottom { vertical-align: text-bottom;  font-size: x-small;}
.top { vertical-align: text-top;  font-size: x-small;}
.bottom { vertical-align: text-bottom;  font-size: x-small;}
.porcentaje { vertical-align: 50%; }
.medida { vertical-align: -1em; }
</style> </head>
<body>

 <p>parrafo con <em class='baseline'>em alineado verticalmente</em></p>
 <p>parrafo con <em class='middle'>em alineado verticalmente</em></p>
 <p>parrafo con <em class='sub'>em alineado verticalmente</em></p>
 <p>parrafo con <em class='super'>em alineado verticalmente</em></p>
 <p>parrafo con <em class='text-top'>em alineado verticalmente</em></p>
 <p>parrafo con <em class='text-bottom'>em alineado verticalmente</em></p>
 <p>parrafo con <em class='top'>em alineado verticalmente</em></p>
 <p>parrafo con <em class='bottom'>em alineado verticalmente</em></p>
 <p>parrafo con <em class='porcentaje'>em alineado verticalmente</em></p>
 <p>parrafo con <em class='medida'>em alineado verticalmente</em></p>

  <a href="http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#q22">css2</a>

 </body> </html> 
  #3 (permalink)  
Antiguo 03/05/2006, 10:42
 
Fecha de Ingreso: abril-2006
Mensajes: 4
Antigüedad: 11 años, 7 meses
Puntos: 0
-

Hola Jorolo, gracias por interesarte pero no me funciono :(
Mira lo q kiero hacer...

HTML:
<div class='opciones'>
<div class="boton">Hola</div>
<div class="boton">Chau</div>
</div>

CSS:
.opciones { float: left; width: 100%; height: 25px; font-family:Geneva, Arial, Helvetica, sans-serif; text-align: center; background: #000 /*aca poner que este centrado verticalmente*/}
.boton { float: left; width: 100px; color:#FF0000; font-weight: bold}

O sea que tengo por el momento 2 futuros botones... esta bien lo que estoy haciendo??
  #4 (permalink)  
Antiguo 03/05/2006, 11:56
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 1 mes
Puntos: 1
Hola pekotes.

Baya, lo siento. Crei que preguntabas como alinear texto.
  #5 (permalink)  
Antiguo 03/05/2006, 12:01
 
Fecha de Ingreso: abril-2005
Ubicación: Lima-Peru
Mensajes: 313
Antigüedad: 12 años, 7 meses
Puntos: 1
Me parece que en la clase opciones para ul, deberias asignar margin top y margin bottom tanto como para que se vea centrado verticalmente con respecto a su contenedor algo asi:
..
margin: 5px 0;
o sino
...
margin-top:5px;
margin-bottom: 5px
---
no se me ocurre otra solucion
  #6 (permalink)  
Antiguo 03/05/2006, 13:14
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
respuesta en ovillo
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #7 (permalink)  
Antiguo 15/05/2006, 19:14
 
Fecha de Ingreso: abril-2006
Mensajes: 4
Antigüedad: 11 años, 7 meses
Puntos: 0
Sonrisa Gracias

Muchas gracias a todos, pero al final lo pude hacer.
Nos vemos, salu2 a todos!
  #8 (permalink)  
Antiguo 15/05/2006, 19:34
Avatar de Jesusguevarautomotri  
Fecha de Ingreso: enero-2006
Ubicación: Puerto Ordaz, Estado Bolivar
Mensajes: 106
Antigüedad: 11 años, 10 meses
Puntos: 0
Aqui hay otro articulo por si quieres ampliar tus conocimientos.
Texto vertical usando ccs de Desarrollo web.com
__________________
jesusguevarautomotriz
Industria Automotriz de Venezuela - blog
Internet al dia - blog
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 13:04.