28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous et à toutes,

Voilà je cherche à mettre un angle arrondi sur une image mais cette image et dynamique, elle sera souvent changée par le client via un CMS. Ce qui fait donc que je ne peu pas placé directement l’image avec sont arrondi.
Ce que je souhaite faire, c’est de mettre un bloc par-dessous l’image et appliqué à ce bloc un background:url(angle_arrondi.gif) top right no-repeat;
Voilà ce qui j’ai fais et qui parait marché sur ff, ie6 et 7, nestcap et opera.
CSS

#angle {
width:50px;
height:50px;
background: url(../img/home/angle_arrondi.gif) top right no-repeat;
position: absolute;
left:209px;
}

html

<div id="haut">
	<div id="angle"></div>
			<img src="../img/home/particulier.jpg" alt="Les périodes de chômage, ça compte pour ma retraite ?" />
</div>

Ce qui nous donne ceci :
upload/225-vache-2.jpg
Pouvez-vous me dire si cela vous parait bon ou s’il y a une autre méthode ?

Merci par avance.
Modifié par mohamed (24 Feb 2007 - 19:28)
Bonjour,

J'ai une autre question concernant les images GIF transparent, à partir de quel version de IE ils sont supporter ?

Sachant que j'ai utilisé du png 24 pour FF, IE 7, OPERA et NETSCAP et du GIF 256 pour IE 6.

Merci para avance.