Hola otra vez, gracias a todos.
Javier, tu propuesta funciona lógicamente, pero se pierde el float de la
imagen, de forma que el texto queda alineado en la parte inferior de la imagen,
y por tanto empuja el border-bottom hacia abajo. Pero ese espacio en blanco a
la derecha de la imagen no me sirve.
Bueno, he encontrado por ahí un hack que me funciona perfecto:
Teniendo en cuenta que las imágenes tendrán un alto de 85px...
div#derecha p{
border-bottom: 1px solid #C2C2C2;
padding-bottom: 5px;
min-height: 85px;
height: auto !important;
height: 85px;
}
div#derecha p img{
float: left;
margin-right: 6px;
margin-bottom: 4px;
border:1px solid #999999;
}
El link del truquillo: http://wordpress.org/support/topic/23554
Muchas gracias otra vez por vuestra atención
----- Original Message -----
From: [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano
Sent: Wednesday, March 08, 2006 9:48 AM
Subject: Re: Re[2]: [Ovillo] Imagen sobrepasa el borde de su contenedor
Rectifico lo que puse antes:
Seguramente tus imágenes van a llevar enlace aunque todavía no se lo has
puessto. Cuando esto ocurra puedes arreglar el error fácilmente.
Esto lo probé con dos bloques como el tuyo en Explorer y Firefox y funciona
ESTILOS:
div#derecha p{
border-bottom: 1px solid #C2C2C2;
padding-bottom: 5px;
display: block;
clear: both;
}
div#derecha p img a{
float: left;/*intento de que no sobrepase el borde*/
margin-right: 6px;
margin-bottom: 4px;
border:1px solid #999999;
display: block;
}
HTML:
<div id="derecha">
<p><a href="#"><img src="home_servicios.jpg" alt="titulo" width="50"
height="50" border="0" /></a>
<b>Homenaje a Leandro Perdono en el décimo aniversario de su
fallecimiento</b> </p>
<p><a href="#"><img src="home_servicios.jpg" alt="titulo" width="50"
height="50" border="0" /></a>
<b>Homenaje a Leandro Perdono en el décimo aniversario de su fallecimiento.
</b>Texto del destaque</p>
</div>
SUERTE!!
---- Maikel Naigt escribió:
> Debes de activarle la propiedad hasLayout a IE [1] asignando algunas de
> estas propiedades al
[2]. Algunas validan y otras no, aunque pueden
> llegar a interferir en la maqueta, la elección es tuya.
>
> [1] http://www.satzansatz.de/cssd/onhavinglayout.html
> [2]
>
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/haslayout.asp
>
> Un saludo, David Merino Ogando.
>
>
> On 3/8/06, xleon wrote:
> >
> > pfff, la verdad es que estoy muy perdido en el tema. Era virgen en esto
> > hasta ahora...
> > a ver, con ejemplos es mas fácil, porque creo que me explico como el culo.
> >
> >
> >
http://dns.solucionet.com:8085/proyectos/cabildodelanzarote/posicionamiento3.asp
> >
> > en la columna derecha podeis ver los
------------------------------------------------------------------------------
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
------------------------------------------------------------------------------
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.1.375 / Virus Database: 268.2.0/276 - Release Date: 07/03/2006
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
