CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

alpha effect css on tables...

Discuss alpha effect css on tables... in the CSS Help forum on Dev Shed.
alpha effect css on tables... Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old June 19th, 2003, 03:45 PM
njtom njtom is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jun 2003
Location: 07930
Posts: 60 njtom User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 6
Question alpha effect css on tables...
i'm trying to create a template for phpbb which will look a lot cleaner (and hopefully pretty good)...
and i'd like to have a table class which would have an alpha-effect background (I'm going to put an image as the background for the page, so the table would be translucent-white, making the the text more readable)..

so I found the syntax on w3schools and tried out, but it creates an alpha effect upon all of the table - including the contents. Is there a way to avoid this?... I want a table like this one, to clear it up. http://thetruth.com/global/desktop/index.cfm?id=6 - the table overlaid onto the image ( yes i know i could steal that stylesheet, but ie wouln't let me view source.

Any ideas? Thanks...

Tom
__________________
Reply With Quote
  #2  
Old June 19th, 2003, 03:51 PM
Clone53421's Avatar
Clone53421 Clone53421 is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
  
Join Date: Jun 2003
Posts: 689 Clone53421 User rank is Private First Class (20 - 50 Reputation Level)Clone53421 User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 17 h 7 m 56 sec
Reputation Power: 6
Send a message via AIM to Clone53421
I don't know beans about stylesheets... but I do know a few tricks on getting source code. Try...
http://view-source:http://thetruth....top/desktop.css
http://view-source:http://thetruth....p/body.cfm?id=6
Hope it helps

P.S. Your sig doesn't work right -- it appears as though you might have forgotten the opening IMG tag.
Last edited by Clone53421 : June 19th, 2003 at 03:57 PM.
Reply With Quote
  #3  
Old June 19th, 2003, 04:01 PM
Slak Slak is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jul 2001
Posts: 21 Slak User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Send a message via AIM to Slak
Very simple...

View the source of the page you linked. In it, they used a <div> with the transparent filter applied, then placed the text within another <div>.

So, as long as you contain your content within another element, it should work fine.

Edit: You do know that filter only works in IE, right?
Last edited by Slak : June 19th, 2003 at 04:06 PM.
Reply With Quote
  #4  
Old June 19th, 2003, 05:01 PM
Akh's Avatar
Akh Akh is offline
|<.+#f@#+.&.|
Dev Shed Frequenter (2500 - 2999 posts)
  
Join Date: Mar 2002
Location: norway
Posts: 2,622 Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level)Akh User rank is Colonel (50000 - 60000 Reputation Level) 
Time spent in forums: 3 Weeks 6 Days 2 h 20 m 44 sec
Reputation Power: 548
you can combine the alpha effect with a semi-transparent png as background so you will have support for more than one browser,
Reply With Quote
  #5  
Old June 19th, 2003, 05:12 PM
njtom njtom is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jun 2003
Location: 07930
Posts: 60 njtom User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 6
nice
awesome idea, i think i'll try that... it'll be easier to write too, since creating 2 divs in each table would take a lot of rewriting stuff... (plus i have almost no comprehension of what the mysterious "div" is or what it does)
Reply With Quote
  #6  
Old June 19th, 2003, 05:22 PM
njtom njtom is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jun 2003
Location: 07930
Posts: 60 njtom User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 6
is there any reason why this wouldn't work in ie? i haven't gotten it to work yet but probably can with some more trial and error.
Reply With Quote
  #7  
Old June 19th, 2003, 05:39 PM
Slak Slak is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jul 2001
Posts: 21 Slak User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Send a message via AIM to Slak
I could be wrong, but last time I checked, IE didn't support alpha transparencies in PNG files.
Reply With Quote
  #8  
Old June 19th, 2003, 05:41 PM
njtom njtom is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jun 2003
Location: 07930
Posts: 60 njtom User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 6
ah.. ok. kinda stuck then. i guess the site looks pretty good right now, without transparencies
Reply With Quote
  #9  
Old June 19th, 2003, 05:57 PM
njtom njtom is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jun 2003
Location: 07930
Posts: 60 njtom User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 6
Reply With Quote
  #10  
Old June 19th, 2003, 06:38 PM
angrytuna angrytuna is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jun 2003
Posts: 12 angrytuna User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 h 9 m 43 sec
Reputation Power: 0
I can confirm the no PNG support. However, Microsoft claims to have a
Workaround? [microsoft.com]
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > CSS Help > alpha effect css on tables...

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 6 hosted by Hostway.