Foros del Web » Creando para Internet » CSS »

Css para posicion de texto

Estas en el tema de Css para posicion de texto en el foro de CSS en Foros del Web. Holas! Tengo una pregunta quiero que le texto de esta imagen: aparzca en el medio, es decir, esta centrado de izquierda a derecha, pero no ...
  #1 (permalink)  
Antiguo 16/03/2010, 10:09
 
Fecha de Ingreso: julio-2009
Ubicación: Argentina!
Mensajes: 324
Antigüedad: 8 años, 4 meses
Puntos: 4
Css para posicion de texto

Holas! Tengo una pregunta quiero que le texto de esta imagen:





aparzca en el medio, es decir, esta centrado de izquierda a derecha, pero no de arriba hacia abajo. Se entiende? Lo quiero exactamente en el medio de la imagen.

Este es mi Css (MUuuuuuuuy basico):
Código:
.arribaizquierda{
background-image:url(principal/jeneski_01.png);
width:321px;
height:204px;
text-align:center;
color:#000000;
font-size:16px;
}
y este es mi html/php:
Código:
<div class="arribaizquierda">
Blabla<br />
BlaBla<br />
</div>

La verdad ya no se como hacerlo, le puse margin-top padding-top y me mueve siempre el div completo y no el texto.... alguien sabe como se hace?

Muchas gracias!
  #2 (permalink)  
Antiguo 16/03/2010, 10:24
Avatar de RusO91  
Fecha de Ingreso: enero-2008
Ubicación: Rosario
Mensajes: 91
Antigüedad: 9 años, 11 meses
Puntos: 2
Respuesta: Css para posicion de texto

encerrá a tu texto entre las etiquetas p

quedaría así:

<div class="arribaizquierda">
<p>Blabla<br />
BlaBla</p>
</div>

y después dale margin-top a la etiqueta p
  #3 (permalink)  
Antiguo 16/03/2010, 19:29
 
Fecha de Ingreso: julio-2009
Ubicación: Argentina!
Mensajes: 324
Antigüedad: 8 años, 4 meses
Puntos: 4
Respuesta: Css para posicion de texto

Gracias ruso, pero como quedaria el css? porq solo quiero modificar la etiqueta <p> que estan dentro de la clase arribaizquierda.... creo que era algo asi .arribaizquierda > p verdad? pero probe y no sale :P
  #4 (permalink)  
Antiguo 16/03/2010, 20:38
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Css para posicion de texto

Prueba agregando a .arribaizquierda la siguiente línea:

padding-top:20px;

Cambia la cantidad de pixeles por el necesario
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...

Etiquetas: posicion
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:07.