18041 sujets

Questions générales et questions de débutants

Cadre Pour Images ..

En dessinant le cadre avec photoshop autour de l'image ? Smiley lol

Ok, ok...

En utilisant la propriété padding de l'élément img, afin de créer la marge intérieure qui va faire ressortir le border: 1px...

(IE6 a du mal s'il n'est pas en mode de rendu strict)
Oé Florent, certes,
Mais si on veut que poster l'image sans retouche .. et CSS s'occupera chaque fois qu'une image est postée de lui mettre un joli cadre comme sur le blog ..

Merci.
GhiWaNi a écrit :
Mais si on veut que poster l'image sans retouche .. et CSS s'occupera chaque fois qu'une image est postée de lui mettre un joli cadre comme sur le blog...

Si ça n'est pas fait en CSS sur le blog de dew... c'est parce que ça n'est pas vraiment faisable en CSS. Smiley cligne

On peut faire ceci toutefois :
img.cadre {
	padding: 3px;
	background: yellow;
	border: solid 1px red;
}

(note : les couleurs sont fantaisistes, bien sûr).

Mais une bordure qui part en dégradé, ça sera forcément dans l'image.
GhiWaNi a écrit :
Voila j'ai trouvé une petite solution http://www.design-css.com/2007/01/21/image-avec-ombre-portee-en-css/ICI[code]

Mais ça intégre un logiciel d'imagerie!


GhiWaNi a écrit :
Oé Florent, certes,
Mais si on veut que poster l'image sans retouche .. et CSS s'occupera chaque fois qu'une image est postée de lui mettre un joli cadre comme sur le blog ..

Merci.


Mmmm

qu'est ce que tu appelles images sans retouche au fait, dans le lien que tu donnes cela nécessite que les dimensions de toutes les images envoyées sur ledit blog soient parfaitement identiques. Le résultat est assez élégant mais tout cela manque beaucoup de souplesse je le crains.
Modifié par clb56 (01 Feb 2007 - 00:59)
Sujet clos
Aller à