Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Bandeau en biais qui ne déborde pas d'une div

1 réponse
Avatar
fra-PasDeSp
Hello

Soit un petit post-it jaune en biais tout en css3 qui constitue une div.
On me demande d'y mettre un bandeau "devis gratuit" en diagonale dans le
coin (donc incliné dans l'autre sens).

J'arrive à faire ça : http://fra.free.fr/Capture.jpg

avec :
transform: rotate(-14deg);
position:relative;
left:-4em;
top:.85em;
font-size:1em;
font-family:helvetica,arial,sans-serif;
font-weight:normal;
margin:0;
padding:0;
color:#fff;
background-color:red;

J'ai essayé overflow:hidden sans succès.

Comment empêcher que la bandeau rouge (qui fait la largeur du post-it)
ne déborde de celui-ci quand il est en biais ; mais qu'il se coule
jusqu'au bord quand même.

Merci pour votre aide.
--
Fra

1 réponse

Avatar
fra-PasDeSp
Fra wrote:

J'ai essayé overflow:hidden sans succès.



Bon, je m'étais trompé : j'avais mis le overflow:hidden sur le bandeau
au lieu de le mettre sur le post-it conteneur...
--
Fra