Web Wiz - Green Windows Web Hosting

  New Posts New Posts RSS Feed - how to make tables transparent???
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

how to make tables transparent???

 Post Reply Post Reply Page  12>
Author
Ali Bilgrami View Drop Down
Senior Member
Senior Member
Avatar

Joined: 14 April 2005
Location: Pakistan
Status: Offline
Points: 492
Post Options Post Options   Thanks (0) Thanks(0)   Quote Ali Bilgrami Quote  Post ReplyReply Direct Link To This Post Topic: how to make tables transparent???
    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!
Back to Top
Ali Bilgrami View Drop Down
Senior Member
Senior Member
Avatar

Joined: 14 April 2005
Location: Pakistan
Status: Offline
Points: 492
Post Options Post Options   Thanks (0) Thanks(0)   Quote Ali Bilgrami Quote  Post ReplyReply Direct Link To This Post Posted: 14 October 2006 at 11:13pm
any ideas???
Lets!
Back to Top
WebWiz-Bruce View Drop Down
Admin Group
Admin Group
Avatar
Web Wiz Developer

Joined: 03 September 2001
Location: Bournemouth
Status: Offline
Points: 9844
Post Options Post Options   Thanks (0) Thanks(0)   Quote WebWiz-Bruce Quote  Post ReplyReply Direct Link To This Post 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
Back to Top
simkiss View Drop Down
Newbie
Newbie


Joined: 05 May 2004
Location: United States
Status: Offline
Points: 25
Post Options Post Options   Thanks (0) Thanks(0)   Quote simkiss Quote  Post ReplyReply Direct Link To This Post 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?
 
 
Back to Top
simkiss View Drop Down
Newbie
Newbie


Joined: 05 May 2004
Location: United States
Status: Offline
Points: 25
Post Options Post Options   Thanks (0) Thanks(0)   Quote simkiss Quote  Post ReplyReply Direct Link To This Post 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
for their excellent tutorials!

 

Back to Top
Mikey View Drop Down
Senior Member
Senior Member

1979

Joined: 06 October 2003
Location: United Kingdom
Status: Offline
Points: 839
Post Options Post Options   Thanks (0) Thanks(0)   Quote Mikey Quote  Post ReplyReply Direct Link To This Post 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?
Back to Top
simkiss View Drop Down
Newbie
Newbie


Joined: 05 May 2004
Location: United States
Status: Offline
Points: 25
Post Options Post Options   Thanks (0) Thanks(0)   Quote simkiss Quote  Post ReplyReply Direct Link To This Post Posted: 19 October 2006 at 2:20pm
That link (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
Back to Top
Mikey View Drop Down
Senior Member
Senior Member

1979

Joined: 06 October 2003
Location: United Kingdom
Status: Offline
Points: 839
Post Options Post Options   Thanks (0) Thanks(0)   Quote Mikey Quote  Post ReplyReply Direct Link To This Post Posted: 19 October 2006 at 8:55pm
Oh god that was terrible LOL
Handyman man?
Back to Top
 Post Reply Post Reply Page  12>

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.08
Copyright ©2001-2026 Web Wiz Ltd.


Become a Fan on Facebook Follow us on X Connect with us on LinkedIn Web Wiz Blogs
About Web Wiz | Contact Web Wiz | Terms & Conditions | Cookies | Privacy Notice

Web Wiz is the trading name of Web Wiz Ltd. Company registration No. 05977755. Registered in England and Wales.
Registered office: Web Wiz Ltd, Unit 18, The Glenmore Centre, Fancy Road, Poole, Dorset, BH12 4FB, UK.

Prices exclude VAT at 20% unless otherwise stated. VAT No. GB988999105 - $, € prices shown as a guideline only.

Copyright ©2001-2026 Web Wiz Ltd. All rights reserved.