Discussion :

[ml1234]

bonjour,
considérons une image portrait de 120x180 px.
je lui ajoute un box shadow 4px 4px 8px et je mets tout cela dans un div float right de width=128px et l'image float right dans ce div, le div est assez grand ?
le shadow a une largeur de 4px à droite de l'image de 120px donc un div de 124px devrait suffire mais je ne sais pas ce que fait exactement le 8px pour le flou. mais s'il étale les 4px sur 8px, un div de 128px devrait suffire.
j'avais essayé et il me semblait que le shadow sortait du div sur sa droite comme si l'image était calée à droite et l'ombre déborde à droite du div.
il y avait un petit vide à gauche.
d'ailleurs on peut voir cela avec firebug sur :
http://www.karya.fr/newsletters/114-newsletter-36.html
en regardant la zone div qui englobe l'image et le bouton download

merci
marc

[dragonno]

Salut,
Je ne connais pas le box dshdow et je ne comprend pas ta question, en fait tu veux savoir quoi au juste ?
Pour ce qui est de savoir si une taille d'un div est suffisante, y a que toi tes tests qui le verront, c'est le mieux...

[ml1234]

ben je voulais connaitre la taille d'une image de 120px augmentée d'un box shadow de 4px 4px 8px !
et aussi comment le float right de cette image avec l'ombre se passait dans un div : ombre calée à droite ou image calée à droite avec ombre qui déborde du div

marc

[rodolphebrd]

Bonjour,

Box-shadow s'applique indépendamment des dimensions de l'élément auquel il s'applique.
Exemple vous pouvez avoir un bloc de 10px de largeur et de hauteur. Un Box shadow de 20px (x et y) s'étendra de 20px au-delà de l'élément.

Dans votre exemple le box shadow du bouton download a comme valeur inset ce qui signifie que l'ombre est à l'intérieur du bloc.

Faites des tests, c'est constructif et formateur.

[dragonno]

Merci Rodolphebrd !

Je serais moins ignorant aujourd'hui, je connais le shadowBox maintenant^^

Trés juste, ton conseil

Faites des tests, c'est constructif et formateur.

C'était le sens de mon conseil aussi^^