Filter Help

[TriAdX]

ok here is my site:http://www.forevertreasuredphotography.com/index.htmlThe text boxes are divs with the following code:<div style="width:0px;padding:4px;filter:shadow(color:black, strength:5, direction:135);"> <div style="width:860px;height:80px;text-align:left;padding:2px;filter:alpha(opacity=50); background-color:white;border:1px solid black;font-size:12px;color:#000066"> TEXT AND IMAGES</div></div>The text box has a drop shadow as well as the opacity turned down... I like the see through effect, it also lessens the harshness of the text. BUT i DONT like how my 2 smaller images (since they are in the text box) are also transparent.. Is there any way to make it "override" with a different opacity setting.. or to exclude them from the style sheet?

[jlhaslip]

404 error on that link

[TriAdX]

Im sorry.. just goto http://www.forevertreasuredphotography.com/its the main page!thanks guys!

ok here is my site:http://www.forevertreasuredphotography.com/index.htmlThe text boxes are divs with the following code:<div style="width:0px;padding:4px;filter:shadow(color:black, strength:5, direction:135);"> <div style="width:860px;height:80px;text-align:left;padding:2px;filter:alpha(opacity=50); background-color:white;border:1px solid black;font-size:12px;color:#000066"> TEXT AND IMAGES</div></div>The text box has a drop shadow as well as the opacity turned down... I like the see through effect, it also lessens the harshness of the text. BUT i DONT like how my 2 smaller images (since they are in the text box) are also transparent.. Is there any way to make it "override" with a different opacity setting.. or to exclude them from the style sheet?

[TriAdX]

bump please

[Anders Moen]

I just have to tell you...that Web site looks ##### up in Opera!If you want visitors to it, you should work on it and fix that good luck

Edited January 17, 2007 by aspnetguy

[TriAdX]

Thank you for the constructive critisism, it really helped me solve my filter problem. Does anyone else have any help?

I just have to tell you...that Web site looks ##### up in Opera!If you want visitors to it, you should work on it and fix that good luck

[Anders Moen]

If you haven't seen it, I can add a screenshot of the site in Opera. Hope you'll find out what you gotta do, good luck

[jesh]

I would suggest taking the styles out of the HTML and using classes instead:

<div class="shadow"><div class="textblock">  Text and images go here...  <img src="image1.gif" /></div></div>

Now you can get at the styles of the images that are inside of your "textblock" div and set the opacity for those back to fully opaque:

<style type="text/css">.shadow { width:0px;padding:4px;filter:shadow(color:black, strength:5, direction:135); }.textblock { width:860px;height:80px;text-align:left;padding:2px;filter:alpha(opacity=50); background-color:white;border:1px solid black;font-size:12px;color:#000066; }.textblock img { filter: alpha(opacity=100); }</style>

[TriAdX]

I did what you suggested and it still displays opacity on the images... even with .textblock img { filter: alpha(opacity=100); }i dont get it.. anyone with some ideas????

I would suggest taking the styles out of the HTML and using classes instead:

<div class="shadow"><div class="textblock">  Text and images go here...  <img src="image1.gif" /></div></div>

Now you can get at the styles of the images that are inside of your "textblock" div and set the opacity for those back to fully opaque:

<style type="text/css">.shadow { width:0px;padding:4px;filter:shadow(color:black, strength:5, direction:135); }.textblock { width:860px;height:80px;text-align:left;padding:2px;filter:alpha(opacity=50); background-color:white;border:1px solid black;font-size:12px;color:#000066; }.textblock img { filter: alpha(opacity=100); }</style>

[TriAdX]

is what I am trying to do not possible??

[ste]

instead of wrapping the images and text in a div with this style

<div class="shadow">

why not just the text parts, then float the images alongside in divs that dont have your transparency class

[TriAdX]

instead of wrapping the images and text in a div with this style

<div class="shadow">

why not just the text parts, then float the images alongside in divs that dont have your transparency class

is there any other way to do this????

[PrateekSaxena]

Well, if you want to make a website that can work on all browsers, I suggest you dont use filters. If you want there functionality you coudl probably put some padding around the image and then put a gradient like background-image repeat-y around it!EDIT: I mean something like this http://phoenity.com/newtedge/drop_shadow/