is it possible to have a half transparent table?

Discussion in 'HTML & Website Design' started by shamrock36, Oct 19, 2006.

0
  1. #1
    I'm building a website with a big background image (some kind of photo),
    and want to have a table with text above the image, is it possible that the table background would be a half transparent color, so the backgorund photo would be noticed? or any other solution?

    Thanks!
     
    shamrock36, Oct 19, 2006 IP
  2. mdvaldosta

    mdvaldosta Peon

    Messages:
    4,079
    Likes Received:
    362
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Have two rows in the table.
     
    mdvaldosta, Oct 19, 2006 IP
  3. shamrock36

    shamrock36 Active Member

    Messages:
    180
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #3
    I don't think you understood correct
    I mean that I want the table to float on the background, yet still make the background a little visible
     
    shamrock36, Oct 19, 2006 IP
  4. shamrock36

    shamrock36 Active Member

    Messages:
    180
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #4
    see, this is what I mean:

    [​IMG]
     
    shamrock36, Oct 19, 2006 IP
  5. knightyme

    knightyme Peon

    Messages:
    59
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #5
    shamrock, that's a pretty interesting question. After thinking about, here is the way I would probably go to achieve your goal.

    Using a CSS variable....

    style="background-image: url; background-attachment: fixed"

    to 'fix' my background image, I would then construct the table, which would then 'hover' over the background. Does that make sense, as my thoughts are clear to me but I may not articulate them here clearly enough?
     
    knightyme, Oct 19, 2006 IP
  6. shamrock36

    shamrock36 Active Member

    Messages:
    180
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #6
    unfortunately I'm not very good at CSS, so this fixed thing doesn't mean much to me :) can you clarigy a bit what you mean?
     
    shamrock36, Oct 19, 2006 IP
  7. knightyme

    knightyme Peon

    Messages:
    59
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Certainly.

    Post the following code in between your <HEAD></HEAD> tags.....

    <STYLE type="text/css">
    <!--
    BODY { background-image:url(http://yoursite.com/image.gif);
    background-attachment:fixed }
    -->
    </STYLE>

    That should fix your background. Then build your table on your page and it will be 'over' your background.
     
    knightyme, Oct 19, 2006 IP