Drop Shadow with CSS problem

[Vedia]

Hi All,

I made a CSS Drop Shadow with help of www.alistapart.com.

http://www.halimsasmaz.com/DropShadow/test.htm

On above link, If I set IMG tag's Alignment attribute to Right it works
wrong.

How can I solve this problem?

Best Ragards,
Nuri AKMAN

[tihu]

Hiya Nuri

You have to remove align="right" from the last img tag then make a
second dropshadow class with "float:right", this almost works but the
text overlaps the image so add margin-left:10px to stop this.

Change the css to

.DropShadow {
background: url(shadow.gif) no-repeat right bottom ;
clear:both;
float:left;
}

.DropShadowRightAlign {
background: url(shadow.gif) no-repeat right bottom ;
clear:both;
float:right;
margin-left:10px;
}

.DropShadow img,
.DropShadowRightAlign img {
bottom: 6px; right: 6px;
position: relative;
clear:left;
border: 1px solid #999999;
padding: 4px;
}

and in the html change the last img to

<td><div class="DropShadowRightAlign"><img src="test_files/1322.JPG"
alt="" border="0" height="180" hspace="0" width="135"></div>

Tim

[Vedia]

Hello Tim,

My CMS content has users dynamic entrys including Images. I'm changing
IMG tag dynamicly with PHP.

Thanks your response. Do you know any other nice effect for drop
shadow?

Best Regards,
Nuri AKMAN