Semi-Transparent Tables

[xoblivionxfantasyx]

Could someone help me on a simple code that makes my table semi-transparent, i have looked throught all the other posts concerning this topic, but i haven't found a code that had worked, i use both firefox and ie.
-Thank-you

[mburt]

<table style="filter:alpha(Opacity=50);opacity:0.5">
The first filter, is for IE. "50" means fifty percent transparent. The second opacity setting is for Firefox, the transparency is on a scale of 0.0 to 1.0, 0.5 is half transparent.

[Twey]

The second opacity setting is for FirefoxAnd everything else that supports CSS3. You might want to add some more for older browsers:
<table style="filter:alpha(Opacity=50); opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5;">However, it still won't work in Opera, which doesn't (as far as I remember, although there's something niggling in the back of my brain) support opacity at all.

[xoblivionxfantasyx]

Thank-you for your help, the table displayed in fire fox doesn't show the borders, but in ie it does, is there some way to fix this?

[Twey]

Do you want it to show the border or not?

[xoblivionxfantasyx]

yes i do want it to show the border

[Twey]

<table style="filter:alpha(Opacity=50); opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; border:3px white ridge;">

[xoblivionxfantasyx]

Thank-you, that works, but my column border line doesn't show up

[mburt]

The style of the table border doesn't affect the inside borders. Write Twey's code on the <td> tags too.

[xoblivionxfantasyx]

i had switched it to a black border, but my column line doesn't show up just the border around the whole table

[benniaustin]

You need to add the css for the border to the td as well

<td style="border:1px solid black;">

And before asking your next question, try adding border-collapse:collapse; to the <table> css

[xoblivionxfantasyx]

thank-you that worked