create a transparent table

  • Dughy
  • Proficient
  • Proficient
  • User avatar
  • Posts: 278
  • Loc: Romania/Galati

Post 3+ Months Ago

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
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • Hacker007
  • Proficient
  • Proficient
  • User avatar
  • Posts: 371
  • Loc: Riverside, CA

Post 3+ Months Ago

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;"
  • Dughy
  • Proficient
  • Proficient
  • User avatar
  • Posts: 278
  • Loc: Romania/Galati

Post 3+ Months Ago

10xz bro...
  • Hacker007
  • Proficient
  • Proficient
  • User avatar
  • Posts: 371
  • Loc: Riverside, CA

Post 3+ Months Ago

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..
  • Dughy
  • Proficient
  • Proficient
  • User avatar
  • Posts: 278
  • Loc: Romania/Galati

Post 3+ Months Ago

No it worked perfectly, thanks! That is what I meant..:)
  • ilyawizard
  • Proficient
  • Proficient
  • ilyawizard
  • Posts: 413

Post 3+ Months Ago

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
  • Posts: 278
  • Loc: Romania/Galati

Post 3+ Months Ago

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
  • Posts: 2521
  • Loc: /usr/src/MI

Post 3+ Months Ago

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
  • ilyawizard
  • Proficient
  • Proficient
  • ilyawizard
  • Posts: 413

Post 3+ Months Ago

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
  • Posts: 2521
  • Loc: /usr/src/MI

Post 3+ Months Ago

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?
  • ilyawizard
  • Proficient
  • Proficient
  • ilyawizard
  • Posts: 413

Post 3+ Months Ago

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
  • Posts: 2
  • Loc: The Netherlands

Post 3+ Months Ago

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
  • Posts: 371
  • Loc: Riverside, CA

Post 3+ Months Ago

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.
  • joebert
  • Fart Bubbles
  • Genius
  • User avatar
  • Posts: 13502
  • Loc: Florida

Post 3+ Months Ago

Unfortunately, there's just no way to increase the opacity of a childnode with CSS past the point where the parentnode sets it.
  • Lynne
  • Born
  • Born
  • User avatar
  • Posts: 2
  • Loc: The Netherlands

Post 3+ Months Ago

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">
  4. <table width="800" border="0" align="center" cellspacing="0" cellpadding="0">
  5.  <tr>
  6.   <td width="126" rowspan="3"><img src="http://learn2play. org . uk/lynn2/Logo.png" /></td>
  7.   <td width="664" height="39">&nbsp;</td>
  8.  </tr>
  9.  <tr>
  10.   <td width="664" height="58">&nbsp;</td>
  11.  </tr>
  12.  <tr>
  13.   <td width="664" height="29"><div align="right"><font face="Trebuchet MS" size="2">Home | About | Assortiment | Workshops | Contact</font></div></td>
  14.  </tr>
  15. </table>
  16. <br>
  17. <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">
  18.  <tr>
  19.   <td width="132" height="130" rowspan="2">
  20.   <img src="http://www.parels .net/shop/ProdImages/Ring3b.jpg" width="130" height="130" border="1" />
  21.   </td>
  22.   <td width="638">
  23.   <img src="http://www.tashascloset .biz/catalog/images/necklace38.jpg" width="141" height="56" border="1" />
  24.   </td>
  25.  </tr>
  26.  <tr>
  27.   <td><img src="http://www.tashascloset .biz/catalog/images/necklace38.jpg" alt="" width="141" height="56" border="1" /></td>
  28.  </tr>
  29.  <tr>
  30.   <td height="130" colspan="2">
  31.   <img src="http://www.ericnsmith .com/images/products/pictures/Faberg_bracelet.jpg" alt="" width="283" height="130" border="1" />
  32.   </td>
  33.  </tr>
  34. </table>
  35. <br>
  36. <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">
  37.  <tr>
  38.   <td>Content</td>
  39.  </tr>
  40. </table>
  41. <br>
  42. <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">
  43.  <tr>
  44.   <td>Merken</td>
  45.  </tr>
  46. </table>
  47. </body>
  48. </html>

Oww, forgive me for using Tinypic, it's only temporary! ;3

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
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.