Can someone help me changing a table opacity? Is it possible?

The table is:

<table style="width: 500px; height: 50px; font-family: arial;" id="one" class="stats" cellspacing="0">
<tr>
<td class="hed" colspan="2">Title:</td>
</tr>

<td style="text-align: justify;" ="">
(...)

</td>
</tr>
</table>

The css code is:

.transparent_class {
/* IE 8 */
background:#000;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=5 0)”;
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Good browsers */
opacity: 0.5;
}

a

nd this can helps too:

1. #c-transparent {
2. opacity: 0.7;
3. -moz-opacity: 0.7;
4. -khtml-opacity: 0.7;
5. /* filter: alpha(opacity=70);*/
6. filter:progid:DXImageTransform.Microsoft.Alpha(opa city=70);
7. }

Apply the class to the table element.

Take Note:
The opacity will apply to every cell and the contents of every cell as well.

Originally Posted by chrishirst

Apply the class to the table element.

Take Note:
The opacity will apply to every cell and the contents of every cell as well.

Like this?

<table style="width: 500px; height: 50px; font-family: arial;" id="one" class="transparent_class" cellspacing="0">
<tr>
<td class="transparent_class" colspan="2">Title:</td>
</tr>

<td style="text-align: justify;" ="">
(...)

</td>
</tr>
</table>

How do i call in the head the css?

<link href="css/your-style-sheet.css" type="text/css" rel="stylesheet" media="screen"/>

Adding the class to the table AND the cell will double the effect on the cell contents as the opacity cascades through the "element stack"

Can you help me changing this line of code?

<link href="css/table.css" type="text/css" rel="stylesheet" media="screen"/>

Originally Posted by madseason

Can you help me changing this line of code?

To what?

this css:

.transparent_class {
  /* IE 8 */
   background:#000;
  -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=5  0)”;
   /* IE 5-7 */
   filter: alpha(opacity=50);
   /* Netscape */
  -moz-opacity: 0.5;
   /* Safari 1.x */
  -khtml-opacity: 0.5;
   /* Good browsers */
  opacity: 0.5;
}

well this

<link href="css/table.css" type="text/css" rel="stylesheet" media="screen"/>

is a link element that connects an external stylesheet to the HTML document, while these

.transparent_class {
  /* IE 8 */
   background:#000;
  -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=5  0)”;
   /* IE 5-7 */
   filter: alpha(opacity=50);
   /* Netscape */
  -moz-opacity: 0.5;
   /* Safari 1.x */
  -khtml-opacity: 0.5;
   /* Good browsers */
  opacity: 0.5;
}

are style rules that belong in the aforementioned external style sheet.
One cannot be changed into the other.

I want to call the second trhoug the first link

Put those rules in table.css and it will happen.