Back To Website Design Forum

create a transparent table

  • Dughy
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 16, 2005
  • Posts: 278
  • Loc: Romania/Galati
  • Status: Offline

Post February 18th, 2005, 11:32 pm

I want to creat a transparent table with a bcolor... so for example if I have the index background I wanna see through the <table bgcolor=gray></table>, the table will only be a small portion placed on the page... so i want to make it transparent, any ideas!?
And if table don't work, mayby iframes!?
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post February 18th, 2005, 11:32 pm

  • Hacker007
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 07, 2004
  • Posts: 371
  • Loc: Riverside, CA
  • Status: Offline

Post February 19th, 2005, 3:32 pm

Like this: http://www.geocities.com/midnight_hacker007//trans.htm

?????????

Code: [ Select ]
style="background-color: gray;filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;border: 1px solid black;"
"Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live." -Martin Golding
  • Dughy
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 16, 2005
  • Posts: 278
  • Loc: Romania/Galati
  • Status: Offline

Post February 20th, 2005, 10:01 am

10xz bro...
  • Hacker007
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 07, 2004
  • Posts: 371
  • Loc: Riverside, CA
  • Status: Offline

Post February 20th, 2005, 2:12 pm

Code: [ Select ]
10xz bro...


I am at a loss for words. :S


Was that what you where asking for? I wasn't too sure as to what you wanted..
"Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live." -Martin Golding
  • Dughy
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 16, 2005
  • Posts: 278
  • Loc: Romania/Galati
  • Status: Offline

Post February 20th, 2005, 5:13 pm

No it worked perfectly, thanks! That is what I meant..:)
  • ilyawizard
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Oct 24, 2004
  • Posts: 413
  • Status: Offline

Post February 21st, 2005, 12:36 pm

How come when I went to that link with the example above the Active toolbar in IE didnt come up? I asked it before. When I use alpha filter IE browser asks if I want to use this Active feature. How can I go around with it?
  • Dughy
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 16, 2005
  • Posts: 278
  • Loc: Romania/Galati
  • Status: Offline

Post February 22nd, 2005, 12:31 am

Try to disable all the firewall or antivures you have that protect the pc from the internet..
  • AnarchY SI
  • Web Master
  • Web Master
  • User avatar
  • Joined: Oct 30, 2004
  • Posts: 2521
  • Loc: /usr/src/MI
  • Status: Offline

Post February 22nd, 2005, 9:25 am

Quote:
Try to disable all the firewall or antivures you have that protect the pc from the internet..


if your going to take this advice, then take mine also: Don't use IE. http://www.getfirefox.com

because otherwise, your browser is basically going to get raped... lol
Image
"In a world without walls and fences, who needs Windows and Gates?"
  • ilyawizard
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Oct 24, 2004
  • Posts: 413
  • Status: Offline

Post February 22nd, 2005, 11:50 am

That is not what I meant... I myself use FF. I'm concerned about others. I don't want them to click this link to enable ActiveX every time they visit. So is there any way to avoid it like in the example above?
  • AnarchY SI
  • Web Master
  • Web Master
  • User avatar
  • Joined: Oct 30, 2004
  • Posts: 2521
  • Loc: /usr/src/MI
  • Status: Offline

Post February 22nd, 2005, 12:13 pm

when using internet explorer, i wasn't prompted to allow ActiveX. it just told me it blocked a popup and wanted to know what i wanted to do about it.

you are talking about the link in hacker007's post right?
Image
"In a world without walls and fences, who needs Windows and Gates?"
  • ilyawizard
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Oct 24, 2004
  • Posts: 413
  • Status: Offline

Post February 24th, 2005, 4:25 pm

Yep...and the hacker one link works just like I want. If you use the same code not in geocities, but somewhere else then IE promts you about ActiveX thingy. Geocities somehow enables ActiveX itself...
  • Lynne
  • Born
  • Born
  • User avatar
  • Joined: Nov 15, 2009
  • Posts: 2
  • Loc: The Netherlands
  • Status: Offline

Post November 15th, 2009, 11:36 am

Thanks a lot for this, just what I was looking for. :D Lovely, couldn't find it anywhere else.

I used this code for my tables, too. But when I use it, the images the tables contains become transparant, too. Is there an easy way to make those images normal?
Code: [ Select ]
<table style="background-color: white; filter:alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2;">
 <tr>
  <td width="132" height="130" rowspan="2">
  <img src="..." />
  </td>
  <td>
  <img src="..." />
  </td>
 </tr>
  1. <table style="background-color: white; filter:alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2;">
  2.  <tr>
  3.   <td width="132" height="130" rowspan="2">
  4.   <img src="..." />
  5.   </td>
  6.   <td>
  7.   <img src="..." />
  8.   </td>
  9.  </tr>


Sorry if it's a stupid question! This is my first post, and I haven't been making websites for quite a while. :P
  • Hacker007
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 07, 2004
  • Posts: 371
  • Loc: Riverside, CA
  • Status: Offline

Post November 15th, 2009, 2:56 pm

In all honest I do not remember that being possible. Perhaps you could add to the images style to not be transparent. If that doesn't work, depending on your pages complexity and whether size/positioning is fixed you may want to try just having the images above the table in a DIV with a higher z-index. Do you have a sample of your code or better yet a link to the page? I am on my iPhone now, but when I get home I can research the issue more.
"Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live." -Martin Golding
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Joined: Feb 10, 2004
  • Posts: 13455
  • Loc: Florida
  • Status: Offline

Post November 15th, 2009, 4:09 pm

Unfortunately, there's just no way to increase the opacity of a childnode with CSS past the point where the parentnode sets it.
Strong with this one, the sudo is.
  • Lynne
  • Born
  • Born
  • User avatar
  • Joined: Nov 15, 2009
  • Posts: 2
  • Loc: The Netherlands
  • Status: Offline

Post November 16th, 2009, 8:32 am

learn2play. org . uk/lynn2/index.html

This is the site I'm currently working on. (urgh, sorry for those gaps, but I'm not allowed to post external links) The code definitely isn't complex, it's very simple and easy actually, but it will become complex later on.

This is the code:
Code: [ Select ]
<html>
<title>Rood Goud Zilver</title>
<body background="http://i38.tinypic .com/ivh9nm.jpg" text="#265E00" link="#51CA00" vlink="#41A200" alink="#FFE401">

<table width="800" border="0" align="center" cellspacing="0" cellpadding="0">
 <tr>
  <td width="126" rowspan="3"><img src="http://learn2play. org . uk/lynn2/Logo.png" /></td>
  <td width="664" height="39">&nbsp;</td>
 </tr>
 <tr>
  <td width="664" height="58">&nbsp;</td>
 </tr>
 <tr>
  <td width="664" height="29"><div align="right"><font face="Trebuchet MS" size="2">Home | About | Assortiment | Workshops | Contact</font></div></td>
 </tr>
</table>

<br>

<table style="background-color: black; filter:alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2;" height="300" width="800" border="0" align="center" cellspacing="10" cellpadding="0">
 <tr>
  <td width="132" height="130" rowspan="2">
  <img src="http://www.parels .net/shop/ProdImages/Ring3b.jpg" width="130" height="130" border="1" />
  </td>
  <td width="638">
  <img src="http://www.tashascloset .biz/catalog/images/necklace38.jpg" width="141" height="56" border="1" />
  </td>
 </tr>
 <tr>
  <td><img src="http://www.tashascloset .biz/catalog/images/necklace38.jpg" alt="" width="141" height="56" border="1" /></td>
 </tr>
 <tr>
  <td height="130" colspan="2">
  <img src="http://www.ericnsmith .com/images/products/pictures/Faberg_bracelet.jpg" alt="" width="283" height="130" border="1" />
  </td>
 </tr>
</table>

<br>

<table style="background-color: black; filter:alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2;" height="150" width="800" border="0" align="center" cellspacing="0" cellpadding="0">
 <tr>
  <td>Content</td>

 </tr>
</table>

<br>

<table style="background-color: black; filter:alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2;" height="" width="800" border="0" align="center" cellspacing="0" cellpadding="0">
 <tr>
  <td>Merken</td>
 </tr>
</table>

</body>
</html>
  1. <html>
  2. <title>Rood Goud Zilver</title>
  3. <body background="http://i38.tinypic .com/ivh9nm.jpg" text="#265E00" link="#51CA00" vlink="#41A200" alink="#FFE401">
  5. <table width="800" border="0" align="center" cellspacing="0" cellpadding="0">
  6.  <tr>
  7.   <td width="126" rowspan="3"><img src="http://learn2play. org . uk/lynn2/Logo.png" /></td>
  8.   <td width="664" height="39">&nbsp;</td>
  9.  </tr>
  10.  <tr>
  11.   <td width="664" height="58">&nbsp;</td>
  12.  </tr>
  13.  <tr>
  14.   <td width="664" height="29"><div align="right"><font face="Trebuchet MS" size="2">Home | About | Assortiment | Workshops | Contact</font></div></td>
  15.  </tr>
  16. </table>
  18. <br>
  20. <table style="background-color: black; filter:alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2;" height="300" width="800" border="0" align="center" cellspacing="10" cellpadding="0">
  21.  <tr>
  22.   <td width="132" height="130" rowspan="2">
  23.   <img src="http://www.parels .net/shop/ProdImages/Ring3b.jpg" width="130" height="130" border="1" />
  24.   </td>
  25.   <td width="638">
  26.   <img src="http://www.tashascloset .biz/catalog/images/necklace38.jpg" width="141" height="56" border="1" />
  27.   </td>
  28.  </tr>
  29.  <tr>
  30.   <td><img src="http://www.tashascloset .biz/catalog/images/necklace38.jpg" alt="" width="141" height="56" border="1" /></td>
  31.  </tr>
  32.  <tr>
  33.   <td height="130" colspan="2">
  34.   <img src="http://www.ericnsmith .com/images/products/pictures/Faberg_bracelet.jpg" alt="" width="283" height="130" border="1" />
  35.   </td>
  36.  </tr>
  37. </table>
  39. <br>
  41. <table style="background-color: black; filter:alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2;" height="150" width="800" border="0" align="center" cellspacing="0" cellpadding="0">
  42.  <tr>
  43.   <td>Content</td>
  45.  </tr>
  46. </table>
  48. <br>
  50. <table style="background-color: black; filter:alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2;" height="" width="800" border="0" align="center" cellspacing="0" cellpadding="0">
  51.  <tr>
  52.   <td>Merken</td>
  53.  </tr>
  54. </table>
  56. </body>
  57. </html>

Oww, forgive me for using Tinypic, it's only temporary! ;3
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post November 16th, 2009, 8:32 am

Page 1 of 1

Post Information

  • Total Posts in this topic: 15 posts
  • Users browsing this forum: No registered users and 98 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.