Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   alineacion centrada (vertical) (http://www.forosdelweb.com/f53/alineacion-centrada-vertical-527139/)

Snd234 19/10/2007 16:39

alineacion centrada (vertical)
 
Hola que tal?

Estoy desarrollando un sitio y me surgio la duda de como poder alinear un parrafo, o algun div, para que quede centrado, en forma vertical.

Me explico, tengo un div contenedor, mide 450x52px

Dentro de este, agrego otro div, el cual contendra el texto, Pero este se vera en la parte superior del div contenedor, y quiero que se vea al centro.
__________________________
| Titulo de la noticia
|
|__________________________



Lo que quiero es que se vea asi:
__________________________
|
| Titulo de la noticia
|__________________________

El codigo que tengo es:
Código PHP:

    <div class="c_titulo">
        <
class="titulos">Titulo de la noticia acortado</p>
    </
div

Código PHP:

body {
    
font-familyVerdanaArialHelveticasans-serif;
    
font-size12px;
}

{
    
margin0px;
    
padding0px;
}

.
c_titulo {
    
width450px;
    
height52px;
    
padding-left8px;
    
border-left2px solid #ff6600;
    
border-bottom1px solid #ff6600;
}

.
titulos {
    
font-size16px;
    
font-weightbold;
    
background-color#CCCCCC;
}
</
style

De que forma podria lograrlo?

ramonjosegn 19/10/2007 17:00

Re: alineacion centrada (vertical)
 
http://www.librosweb.es/css/capitulo6/texto1.html

ahi tienes ejemplos y diferentes formas de alinear en la vertical

de todos modos te recomiendo que visites http://www.w3c.es/ para consultar ese tipo de dudas

Snd234 19/10/2007 17:15

Re: alineacion centrada (vertical)
 
probe agregando
Código PHP:

.titulos {
    
background-color#CCCCCC;
    
vertical-align:middle;


y no pasa nada...


La zona horaria es GMT -6. Ahora son las 23:42.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.