Making semi transparent tables (I have no idea :P)

[Acolyte]

Hi i want to go about this, if you saw my previous thread about Iframes you will probably know i dont know much about making websites.

I believe the best way to go about this is to use CSS? I have had a look around the net but there are no clear guides as to how i can apply it to a website.

For the sake of this post i will say i have a webpage with a background image of a car, the website has 1 small table with some text in with a white background, i however want to make the white background semi transparent.

I believe you have to use Alha filters or something like that, any help would be GREATLY appreciated

 

[GravyMonster]

yup CSS is the way.

to set 75% opactiy n IE...

filter: alpha(opacity=75);

and in Mozilla/Safari

opacity: 0.75;

One main difference is that in IE the opacity value will be assigned to all child elements as well, reguardless of whether they have an opacity value set themselves. In FF/Moz you can give all child elements a separate opacity and it will be applied correctly.

to see it in action try the navigation menu here

 

[Acolyte]

Nice, but how do i apply that line of code to the table

EDIT: Figured it out now.

HOWEVER, i now get a security warning in internet explorer which i have to accept before it will allow me to see it transparent? How stupid is that!

 

[GravyMonster]

in the document head...

    <style>
        .semiTrans {
            /* for IE */
            filter: alpha(opacity=75);

            /* for FF/Moz */
            opacity: 0.75;}
    </style>

and in your HTML...

    <table class="semiTrans">
        <tr>
            <td>hello</td>
        </tr>
    </table>

 

[Acolyte]

in the document head...

    <style>
        .opaque {
            /* for IE */
            filter: alpha(opacity=75);

            /* for FF/Moz */
            opacity: 0.75;}
    </style>

and in your HTML...

    <table class="opaque">
        <tr>
            <td>hello</td>
        </tr>
    </table>

Cheers got it now, but i now get the secuirty warning as described above ^^

 

[GravyMonster]

security warning for a CSS property?

never heard of that at all before, are there any activeX controls/ javascript on the page?

 

[Acolyte]

Nope its a background photo, a small table with text in and the transparency settings.

It thinks its Active X or something?

 

[Acolyte]

Ah seems ok, it onl happens when i double click the HTML file on my desktop if i view it from the web the secuirty warning does not appear.

Thanks for your help spunkey

 

[GravyMonster]

no problemo

 

[Mattus]

Tools > Internet Options > Advanced > Security > Allow active content to run in files on my computer

 

[robmiller]

It thinks its Active X or something?

It is Anything that uses the filter CSS property will use ActiveX.

Strange that it considers it of the same security risk as an untrusted ActiveX program, though.