Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: Semi-Transparent Tables

  1. #1
    Join Date
    Apr 2006
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Semi-Transparent Tables

    Could someone help me on a simple code that makes my table semi-transparent, i have looked throught all the other posts concerning this topic, but i haven't found a code that had worked, i use both firefox and ie.
    -Thank-you

  2. #2
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    Code:
    <table style="filter:alpha(Opacity=50);opacity:0.5">
    The first filter, is for IE. "50" means fifty percent transparent. The second opacity setting is for Firefox, the transparency is on a scale of 0.0 to 1.0, 0.5 is half transparent.
    - Mike

  3. #3
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    The second opacity setting is for Firefox
    And everything else that supports CSS3. You might want to add some more for older browsers:
    Code:
    <table style="filter:alpha(Opacity=50); opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5;">
    However, it still won't work in Opera, which doesn't (as far as I remember, although there's something niggling in the back of my brain) support opacity at all.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  4. #4
    Join Date
    Apr 2006
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank-you for your help, the table displayed in fire fox doesn't show the borders, but in ie it does, is there some way to fix this?

  5. #5
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Do you want it to show the border or not?
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  6. #6
    Join Date
    Apr 2006
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    yes i do want it to show the border

  7. #7
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Code:
    <table style="filter:alpha(Opacity=50); opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; border:3px white ridge;">
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  8. #8
    Join Date
    Apr 2006
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank-you, that works, but my column border line doesn't show up

  9. #9
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    The style of the table border doesn't affect the inside borders. Write Twey's code on the <td> tags too.
    Last edited by mburt; 01-05-2007 at 09:47 PM.
    - Mike

  10. #10
    Join Date
    Apr 2006
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    i had switched it to a black border, but my column line doesn't show up just the border around the whole table

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •