Foros del Web » Creando para Internet » CSS »

Necesito ayuda con alineación de un parrafo.

Estas en el tema de Necesito ayuda con alineación de un parrafo. en el foro de CSS en Foros del Web. Hola a todos y antes de nada daros las gracias por anticipado por leer este mensaje. Vereis estoy haciendo una web y necesitaría hacer una ...
  #1 (permalink)  
Antiguo 29/05/2008, 11:20
 
Fecha de Ingreso: febrero-2002
Mensajes: 351
Antigüedad: 15 años, 10 meses
Puntos: 19
Necesito ayuda con alineación de un parrafo.

Hola a todos y antes de nada daros las gracias por anticipado por leer este mensaje.

Vereis estoy haciendo una web y necesitaría hacer una cosa como esta:


Como podeis ver tengo una caja contenedor y en su interior una imágen que he posicionado usando las propiedades margin-left y margin-top. Esta imágen la he posicionado sin utilizar ninguna caja más.

Lógicamente ahora quiero centrar un parráfo de texto y me encuentro con que se me va abajo de la imágen. Y he pensado que es que debo de crear dos cajas más dentro de la caja contenedor (caja para la imágen y caja para el texto).

El problema es que he probado a hacerlo y no me sale
¿Es posible crear esto que quiero hacer sin utilizar una tabla?

¿Alguien tiene el código o algún ejemplo de como hacer este tipo de posicionamientos?

Miles de gracias por la ayuda y espero que alguien me pueda ayudar porque llevo una hora probando cosas y nada de nada.

Un saludo a todos.
  #2 (permalink)  
Antiguo 29/05/2008, 12:52
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Necesito ayuda con alineación de un parrafo.

al tag de tu imagen ponele lo siguiente:

<img src="tu_img.gif" alt="tu imagen" style="float:left;" />

y listo el pollo!
  #3 (permalink)  
Antiguo 29/05/2008, 16:21
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Necesito ayuda con alineación de un parrafo.

Un ejemplo:

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title>KLAYMAN</title>
<style type="text/css">
.caja { border: 2px solid #f60;
width: 470px;
height: 120px;
}
.caja img { float: left;
margin: 10px 0px 0px 10px;
width: 139px;
height: 111px;
}
.texto { margin-left: 140px;
font-family: Verdana;
font-size: 14px;
font-weight: bold;
}
.texto p { margin: 20px 16px 6px 40px;
}
.texto a { color: #f00;
text-decoration: none;
margin-left: 60px;
}
</style>
</head>
<body>
<div class="caja">
<img src="tu_imagen.jpg" />
<div class="texto">
<p>Texto de ejemplo que debe quedar a la derecha de la imagen y
centrado a la altura de la imagen</p>
<a href="#">Enlace 1</a><a href="#">Enlace 2</a>
</div>
</div>
</body>
</html>
Mikel
  #4 (permalink)  
Antiguo 30/05/2008, 02:33
 
Fecha de Ingreso: febrero-2002
Mensajes: 351
Antigüedad: 15 años, 10 meses
Puntos: 19
Respuesta: Necesito ayuda con alineación de un parrafo.

Mikmoro eres un crack

Muy bueno el código y además funciona tanto en Explorer como en Firefox, porque ayer lo intenté de varias maneras y no me funcionaba en Firefox.

Muchas gracias a los dos por vuestra ayuda.

Un saludo.
  #5 (permalink)  
Antiguo 30/05/2008, 02:51
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Necesito ayuda con alineación de un parrafo.

De nada, es un placer

Mikel.
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 10:48.