Print Page | Close Window

how to make tables transparent???

Printed From: Web Wiz Forums
Category: Web Wiz Web App Support Forums
Forum Name: Web Wiz Forums
Forum Description: Support forum for Web Wiz Forums application.
URL: https://forums.webwiz.net/forum_posts.asp?TID=21580
Printed Date: 08 April 2026 at 8:52pm
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com


Topic: how to make tables transparent???
Posted By: Ali Bilgrami
Subject: how to make tables transparent???
Date Posted: 12 October 2006 at 2:54pm
hi boRg
is there a possibility to make the tables in wwf transparent with CSS so that the background image can be visible through them?


-------------
Lets!



Replies:
Posted By: Ali Bilgrami
Date Posted: 14 October 2006 at 11:13pm
any ideas???

-------------
Lets!


Posted By: WebWiz-Bruce
Date Posted: 15 October 2006 at 10:55am
Yes it can be done, if you are no good with CSS then edit the default_style.css file with software like TopStyle Pro which will give you a WYSIWYG CSS Editing

-------------
https://www.webwiz.net/web-wiz-forums/forum-hosting.htm" rel="nofollow - Web Wiz Forums Hosting
https://www.webwiz.net/web-hosting/windows-web-hosting.htm" rel="nofollow - ASP.NET Web Hosting


Posted By: simkiss
Date Posted: 18 October 2006 at 7:07pm
I also tried that myself, but I could not get any alpha channels to work with 7.9x, so I had to fake it with dithered (checkerboard) transparent GIFs. 
 
I'm now using 8.x, but I haven't retried it.
 
Are you saying that version 8 supports PNG or GIF alpha channels now?
 
 


Posted By: simkiss
Date Posted: 19 October 2006 at 4:36am

Add this code to whatever you want transparent in your default_style.css file.  You can mess with the alpha number...

/* OPACITY CODE */
float: right;
filter: alpha(opacity=50);
-moz-opacity: .50;
opacity: .50;

Thanks to the guys at
http://www.mandarindesign.com/opacity.html - http://www.mandarindesign.com/opacity.html
for their excellent tutorials!

 



Posted By: Mikey
Date Posted: 19 October 2006 at 12:45pm
I can see the code above contains both filters for IE and Mozilla based browsers but what about other browsers (Safari, Opera etc)?

-------------
Handyman man?


Posted By: simkiss
Date Posted: 19 October 2006 at 2:20pm
That link ( http://www.mandarindesign.com/opacity.html - http://www.mandarindesign.com/opacity.html ) also addresses Opera.  I don't know about Safari.  I only program for IE6 and IE7 myself.  You'll need to find a Safari guide LOL


Posted By: Mikey
Date Posted: 19 October 2006 at 8:55pm
Oh god that was terrible LOL

-------------
Handyman man?


Posted By: simkiss
Date Posted: 20 October 2006 at 2:28pm

It happened by accident, but I couldn't resist leaving it Wink



Posted By: Ali Bilgrami
Date Posted: 21 October 2006 at 4:21pm
thanks simkiss, I almost blew my skin away by taking off the table bg images from several places and colors. It did work and tables got transparent but also took away the tbl_borders, yet another thought for bruce I say, may be he seperates the two in next version :) aah well just a thought.

-------------
Lets!


Posted By: WebWiz-Bruce
Date Posted: 21 October 2006 at 4:36pm
Ali, any combined CSS styles in the CSS files can be separated, as I said to you the other day.

Ones that use the same values are only placed together to reduce bandwidth and file size.

If you have a look I posted a nice example for you so you could see what I mean.




-------------
https://www.webwiz.net/web-wiz-forums/forum-hosting.htm" rel="nofollow - Web Wiz Forums Hosting
https://www.webwiz.net/web-hosting/windows-web-hosting.htm" rel="nofollow - ASP.NET Web Hosting


Posted By: Ali Bilgrami
Date Posted: 22 October 2006 at 1:49pm
O dear me!!! I think you should consider adding a beat-my-head-off smiley in the forum LOL

-------------
Lets!


Posted By: simkiss
Date Posted: 22 October 2006 at 3:47pm
this could end up being a lot of work, but what would be fantastic to have is some sort of visual CSS guide.  i imagine it showing the code for each CSS style with a small image below/beside it with some indicator (highlight, arrow, etc) as to what element this code has control of modifying. 
 
adjusting the look is not terribly complicated, and the trial and error can be fun when trying to figure out what does what, but the amount of time it takes can lead you to settling for a little less than you really wanted to achieve. 
 
i, for one, was not able to get the transparency i wanted in IE6, only IE7.  i was able to achieve transparency in IE6, but only including elements that i did not want to be transparent.  so, after two days, i gave up and just posted something on my forum recommending that users download IE7, FF, or Opera if they want to see the transparency. 
 
i don't know what percentage of people would have use for such a guide, but my feeling is that it would be appreciated by a lot of people, myself included.
 
my 2¢ du jour Big%20smile
 


-------------




:: www.dearallofyou.com/forum/ ::


Posted By: iSec
Date Posted: 22 October 2006 at 7:19pm

If you don't set a "bgcolor" for a table, its row, or its cell, would it not be transparent just like that? And maybe including this property in the body tag: bgproperties="fixed"

I created this example... scroll the page to see the transparent table
 
http://iamiraqi.com/test.html - http://iamiraqi.com/test.html
nevermind.: I just found out that this does not work on Firefox...  Confused http://iamiraqi.com/test.html -


-------------
"When it gets dark enough, you can see the stars"
-Charles A. Beard


Posted By: Ali Bilgrami
Date Posted: 23 October 2006 at 10:34am
the fixed property sure doesnt.

-------------
Lets!


Posted By: dpyers
Date Posted: 23 October 2006 at 9:23pm
Did you try
background-color: transparent;

-------------

Lead me not into temptation... I know the short cut, follow me.



Print Page | Close Window

Forum Software by Web Wiz Forums® version 12.08 - https://www.webwizforums.com
Copyright ©2001-2026 Web Wiz Ltd. - https://www.webwiz.net