28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous...

Voici mon souci :

J'essaye de faire déborder une image d'un bloc (ici P), tout en conservant les propriétés d'habillage du texte contenu dans le bloc... mais il se trouve que tout fonctionne comme si le texte habillait l'image en tenant compte de son positionnement initial, et sans tenir compte du repositionnement me permettant de le faire sortir du cadre (p) ?

Bizarre ? Quelqu'un à une idée ?

Le code pour comprendre :


p {
width:50%;
border: 1px solid yellow;
}
p img {
position:relative;
right:-30px;
bottom:-30px;
float:right;
background-color:#993300;
border: 1px dashed blue;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}


<p><img src="" width="159" height="143">texte de remplissage long</p>


Avec la transparence on voi bien le texte passer dessous !
Merci !
Modifié par dav50 (31 Oct 2005 - 16:12)