Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Can't get dropshadow filter effect to work.

Status
Not open for further replies.
FancyPrairie

FancyPrairie

Programmer
Oct 16, 2001
2,917
US
I've created a popup menu that consists of a table with 2 columns and several rows. The first column contains an image (gif), then second column text. As the user moves from one row to the next I highlight the current row by applying a gradiant to the row. Everything ok so far.

However, when I apply a dropshadow to the table, any image or text that has the gradiant applied to it changes to the color of the dropshadow. For example, if the dropshadow is red, then the images are red as well as the text.

I have tried placing a div tag around the table and setting it's background-color to white and applying the dropshadow to it, but the same effect occurs.

What am I doing wrong?
 
Sort by date Sort by votes
I'd take a look at like 73 of your code. There's a good chance that's what's screwing it up.

-kaht

[small](All puppies have now found loving homes, thanks for all who showed interest)[/small]
 
Upvote 0 Downvote
Sorry, typo:

>>I'd take a look at [!]line[/!] 73 of your code.

-kaht

[small](All puppies have now found loving homes, thanks for all who showed interest)[/small]
 
Upvote 0 Downvote
There is no line 73 (only kidding).

I was hoping someone wouldn't ask for the code because I thought it would get too complicated. But, I realized I could duplicate the problem very simply. So here it is (nothing pretty). Note row 1 has a transparency, row 2 does not.
Code: 
<HTML>
<HEAD></HEAD>

<BODY style=" MARGIN: 0px; OVERFLOW: hidden" vLink="#800080" link="#0000ff">

<TABLE style="background-color: white; filter: progid:dximagetransform.microsoft.dropshadow(offx=5, offy=5, color='red', positive='true'); LEFT: 0px; POSITION: absolute; TOP: 0px;  "
      cellSpacing="0" cellPadding="0" width="137" border="0">
      <TBODY>
      <tr>
          <td style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#A6A8A4', endColorstr='#F3F5F1',gradientType='0'); COLOR: black">col1</td>
          <td style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#A6A8A4', endColorstr='#F3F5F1',gradientType='0'); COLOR: black">col2</td>
      </tr>
      <tr>
          <td style="COLOR: black">col1</td>
          <td style="COLOR: black">col2</td> 
      </tr>
<TBODY></TABLE></BODY></HTML>
 
Upvote 0 Downvote
I haven't used these filters, but it seems pretty obvious that the transparency overrules the color, allowing the drop shadow to show through.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill
 
Upvote 0 Downvote
Right, but I thought there might be a work-around. Like placing a div tag around it. Or the order of the filters. I've tried several things with no luck. I'm hoping someone knows away around it.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
204
lmcate
lmcate
bdwilcox
  • Locked
  • Question
More efficient / manageable way to code this HTA w/ VBScript?
Replies
0
Views
713
bdwilcox
bdwilcox
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
756
pmonett
pmonett
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis

Part and Inventory Search

Sponsor

Back
Top