introducir imagen dentro de informacion

[kenet]

pues llevo un buen rato pero no consigo que me quede bien,

necesitava meter en esta parte



en esta imagen



pero siempre me sale cortada. alguna idea de como acerlo. gracias

pd: esta es la web

FORO

[mirahalo]

puedes usar simples divs, tres divs o spans,  y partir la imagen en tres, la primera seccion sera la parte de arriba, el css:

lo importante aqui es la parte de enmedio, yo lo uso asi:

.principal_medio
{
   max-width:570px; 
   min-height:150px;  /* puedes jugar con el tamaño minimo para controlar exactamente el tamaño de tu cuadro */
   width: 570px;
   background: url(images/principal_medio.jpg) no-repeat;
    font:    13px Verdana;
   color: rgb(51, 51, 51);
   margin-top:-1px;     /* este es el truco para que no salga cortada */
    margin-bottom:-1px;  /* este es el truco para que no salga cortada */
    margin-right:0px;
    margin-left:0px;
   background-repeat:repeat-y;
   background-color:transparent;
   border-color: transparent;
   border:0px;

}

nota que las tres imagenes son relativamente pequeñas, la de enmedio solo es de 10px de altura y de 570 de ancho porque ese es el ancho de mi cuadro, pero tu lo puedes poner a el gusto.


y los divs son sencillos:


<div class="principal_arriba" ></div>
            <div class="principal_medio"><div class="cuadro"> </div><div class="principal_abajo">   </div>


como vez, agregue otro div dentro de el div de enmedio solo para poder controlar el margen y el padding sin tener que tocar el margen y el padding de el div de enmedio

puedes ver el ejemplo en vivo en mi pagina, lastimosamente ahora no esta disponible, pero cuando vuelve puedes ver como queda.


nota, tambien se puede hacer con solo dos imagenes, la desventaja es que si tu texto o lo que sea que vayas a poner dentro es muy grande, el cuadro se rompe, con tres imagenes, no importa que tan grande sea el cuadro, nunca se rompera


edito, mi pagina ya esta activa nuevamente, puedes ver como queda.

[kenet]

muchas gracias 130860, ya lo vi en tu web y queda de 10, ahora mismo me pongo con ello.

gracias amigo.

[mirahalo]

ok, me alegro de que te haya servido.