Hi all,

 

my first post to this list so here goes…

 

I have a site www.flashforprogrammers.com, each page ‘floats’ on a background with a dropshadow. I’m no HTML fiend, a friend told me how to add the drop shadow. It’s done thus:

 

<div style="width:700px;height:1250px;filter:shadow(color:black,direction:135);">

<div style="width:682px;background:white;border:1px solid black;padding:20px;">

 

…content

 

</div>

</div/

 

The shadow looks great but the problem is that I have to manually insert the height on each page. The pages are generated from XML templates using XSLT so it’s not that laborious but still, there are hundreds of pages so it takes time. I also like to leave a ‘gap’ at the bottom, after the main content, so that the user can scroll down a little further.

 

So, my question is: is there a way for me to use this filter drop shadow without the requirement to statically add the height to each page? Would a bit of _javascript_ do the trick? Although I’d rather not resort to that. Also, I’ve seen other implementations of drop shadows that rely on an offset div element and these initially worked fine but they appear flaky in practice and the explanations given on websites purporting to teach this stuff I find barely comprehensible.

 

Can anyone help me out?

 

Also, any comments on the site in general would be great. What are your opinions on using Flash for content in this way?

 

Kind regards,

 

Jim

 

 

Reply via email to