Imagen y Cuadro de texto

[Shia]

Hola ¿Qué tal?

Veré si puedo explicarme mejor: Ver imágen >> Aquí <<

Sería así, el cuadro blanco es el layout, el cuadro azul es uno de los pedazos del layout, yo quiero estructurar un texto dentro de ese cuadro, el cuadro rojo representa para mi el lugar dónde quiero colocar el texto. Si yo escribo el texto directamente dentro del div del cuadro azul no me queda como quiero (se me ocurrio darle margen a cada línea del texto pero creo que no es muy ético), creo que puedo crear una especie de recuadro invisible (el cuadro rojo) dónde pueda estructurar ese texto.

Intenté hacerlo pero se me modificaba el tamaño del pedazo del layout. Yo más o menos creo tener idea de como hacerlo, justo ahora estoy probando algo a ver si lo soluciono.

Otra cosa, ¿Cómo puedo hacer para repetir un determinado número de veces una parte del layout?. Tengo un pedazo del lay out que será en su mayoría el cuerpo, por eso usé un trozo pequeño para repetirlo.

Probé con: background-repeat: repeat-y; (en la función del pedazo de imagen que quiero repetir, claro está), pero no funcionó.

Gracias, Adieu.

[fer10]

no entenidi

[Shia]

Iniciado por fer10

no entenidi

Uy, disculpa, creo que no me expliqué muy bien. Ya re estructure mi duda y agregé una imágen. Adieu

[Nigel]

Bueno, yo tampoco he entendido demasiado, pero creo que igual te refieres a esto.

El ejemplo es bastante cutre en todos los sentido, pero igual te da una idea sobre cómo hacerlo.

[Shia]

Iniciado por Nigel

Bueno, yo tampoco he entendido demasiado, pero creo que igual te refieres a esto.

El ejemplo es bastante cutre en todos los sentido, pero igual te da una idea sobre cómo hacerlo.

Hola ^^

Bueno lo de la posición del texto lo solucioné así:

Código:

.tb {
width: 265px;
height: 313px;
position: relative;
left:150px;
margin: 40px; 
}

Fue bastante siemple la solución no sé porqué me enredé tanto al principio. Nigel, merci beaucoup por el ejemplo, no era exáctamente lo que quería pero cree me que servirá para otra cosa, de verdad te lo agradezco.

Ahora, tengo esta función: Es el pedazo del layout que será en su mayoría el cuerpo de la página, y quiero repetirlo ya que es un pedazo pequeño de 800x57. Pero aunque le indico que lo repita no lo hace. ¿Está mal la forma en que le pido que se repita?

Código:

.cuerpo /*800x57*/
{
width: 800px;
height: 57px;
margin: 0px;
float: left;
vertical-align:center;
background-image: url('cp.jpg');
background-repeat: repeat-y;
}

Otra cosa: El layout está compuesto de 4 imágenes, todas tienen en su función este atributo:

Código:

vertical-align: center;

Pero no me queda alineado el layout en el centro ><. ¿Por qué?

Y pues eso.

Merci beaucoup, adieu.

[Nigel]

vertical-align sirve para alinear verticalmente un elemento de tipo "inline" y no uno "block", es decir, elementos como <span>, <a>, <img> etc, que no son bloques como los <div> o los <p>.

Aquí tienes un enlace con ejemplos sobre cómo alinear verticalmente

[Shia]

Gracias por aclarame eso, estaba errada entonces. Estoy mirando la página que colocaste, Merci beaucoup.