Overlapping Text around images

[GiganticDays]

Jont
Is it possible to achieve the border/drop shadow effect that you helped Jan with earlier in this post if we have merged cells for description and image? We would like to add the drop-shadow effect to our images but not the description.

[jont]

Hi Graeme - yes it is.

Wrap the NQV: PRODUCTIMAGE between <div class="productImage"> ... </div> and set the CSS similar to what I set above for Jo.

Jo used .img-ilus as the class name but preferable to use something more understandable such as .productImage

[pinbrook]

you helped Jan with

Jo not Jan.

We are 2 different people, despite people phoning me and wanting her and visa versa.

I'm going to ask Jan to change her name

[jont]

I'm going to ask Jan to change her name

Hopefully not to Moorcroft

[GiganticDays]

Sorry Jo - had you confused with Jan from Mole End

[GiganticDays]

OK, I've got the border to appear but the drop shadow doesn't. Suspect it's something to do with "shadow.gif", how do I generate this file?

[jont]

You need to create the file in a graphics package such as Photoshop.

The way I did it was to create a new document 400px by 400px (ie much bigger than the largest product) with a white background... use the square marquee tool and drag over the whole of the canvas ... nudge up and left by 6px and then add a drop shadow of about 4px width.

By using the quotation marks around the shadow.gif in the CSS Actinic "should" pick up the image - if not try copying into the PreviewHTML and also add to additional files so it is uploaded to the server

HTH

[GiganticDays]

Thanks Jont. All done, looks good in FF and IE.