#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2003
    Location
    07930
    Posts
    60
    Rep Power
    12

    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
  2. #2
  3. Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Jun 2003
    Posts
    804
    Rep Power
    101
    I don't know beans about stylesheets... but I do know a few tricks on getting source code. Try...
    http://view-source:http://thetruth.c...op/desktop.css
    http://view-source:http://thetruth.c.../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 04:57 PM.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2001
    Posts
    21
    Rep Power
    0
    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 05:06 PM.
  6. #4
  7. |<.+#f@#+.&.|
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Mar 2002
    Location
    norway
    Posts
    3,009
    Rep Power
    1224
    you can combine the alpha effect with a semi-transparent png as background so you will have support for more than one browser,
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2003
    Location
    07930
    Posts
    60
    Rep Power
    12

    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)
  10. #6
  11. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2003
    Location
    07930
    Posts
    60
    Rep Power
    12
    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.
  12. #7
  13. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2001
    Posts
    21
    Rep Power
    0
    I could be wrong, but last time I checked, IE didn't support alpha transparencies in PNG files.
  14. #8
  15. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2003
    Location
    07930
    Posts
    60
    Rep Power
    12
    ah.. ok. kinda stuck then. i guess the site looks pretty good right now, without transparencies
  16. #9
  17. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2003
    Location
    07930
    Posts
    60
    Rep Power
    12
  18. #10
  19. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2003
    Posts
    12
    Rep Power
    0
    I can confirm the no PNG support. However, Microsoft claims to have a
    Workaround? [microsoft.com]

IMN logo majestic logo threadwatch logo seochat tools logo