Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 19-oct-2007, 16:39   #1 (permalink)
Snd234 no se puede cailificar en este momento
 
Avatar de Snd234
 
Fecha de Ingreso: mayo-2007
Ubicación: Frente al PC
Mensajes: 228
Enviar un mensaje por MSN a Snd234
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?
__________________
KIBIT.cl
Snd234 está desconectado   Responder Citando
Antiguo 19-oct-2007, 17:00   #2 (permalink)
ramonjosegn ha deshabilitado el karma
 
Fecha de Ingreso: diciembre-2005
Mensajes: 518
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
ramonjosegn está desconectado   Responder Citando
Antiguo 19-oct-2007, 17:15   #3 (permalink)
Snd234 no se puede cailificar en este momento
 
Avatar de Snd234
 
Fecha de Ingreso: mayo-2007
Ubicación: Frente al PC
Mensajes: 228
Enviar un mensaje por MSN a Snd234
Re: alineacion centrada (vertical)

probe agregando
Código PHP:
.titulos {
    
background-color#CCCCCC;
    
vertical-align:middle;

y no pasa nada...
__________________
KIBIT.cl
Snd234 está desconectado   Responder Citando
Respuesta
No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 02:37.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93