Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 17
  1. #1
    Junior Member
    Join Date
    Apr 2003
    Posts
    1
    Member #
    1077
    how do i make a table translucent, as in so that i will be able to see my background, although a little bit faded

  2.  

  3. #2
    JR
    JR is offline
    Senior Member JR's Avatar
    Join Date
    Nov 2002
    Location
    UK
    Posts
    4,354
    Member #
    257
    Code:
    <table style="filter: alpha(opacity:50);">
    that will make it 50 percent transparent
    JR

  4. #3
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    It also only works in IE, IIRC.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  5. #4
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Or you could go old-school style and do something like this:
    Code:
    <body background="bg.gif">
    <table background="bg-faded.gif">
    Where the bg-faded.gif is a faded version of bg.gif.

  6. #5
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    I should mention that the above example will only work on a left justified or 100% width table. If you're planning on centering it, it will look "off", especially when the browser is resized.

    Of course, you could use javascript to "correct" it.

  7. #6
    Senior Member Brak's Avatar
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    3,413
    Member #
    1217
    Liked
    2 times
    The above example will only work for IE.. .to fix that to work for IE/moz use: style="filter: alpha(opacity=65, style=0);-moz-opacity: 65%"

    opera doesn't seem to support translucence yet...

    A really nifty effect (I think) for using transparent backgrounds of tables is just using text as your background... example (not completed) of what I do using that can be seen: http://www15.brinkster.com/brak/drumtips/main.html

    Keep in note: it seems that the translucence actualy goes on to it's containing elements no matter what you do. I.e. the text in the above example is actually white... but because of opacity it looks grey. If anyone has a solution to this I would be muchly appreciated...
    Kyle Neath: Rockstar extraordinare
    The blog | The poetry site | The Spore site

  8. #7
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Brak,

    The problem with using super-low-contrast text like that as a background is that search engines see it as "SPAM" and automatically index you at the bottom of the pile.

  9. #8
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Brak,

    By the way.... shorten your sig. Max length is 4 lines.

  10. #9
    Senior Member Brak's Avatar
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    3,413
    Member #
    1217
    Liked
    2 times
    Ah... sorry about that - you guys might wanna hardcode that or somethin cuz I didn't see even any notice about it...

    See, that's where I thoguht of this already IF you were to take the time to read the background (doubt you would) it's actually an article from the proposed site that is 100% content oriented... so in fact, the search engines would end up ranking me higher because of more content towards keywords/etc....

    BTW - that page also wouldnt' be my main page - so in the long run it doesn't really matter... just one of the pages in the site.
    Kyle Neath: Rockstar extraordinare
    The blog | The poetry site | The Spore site

  11. #10
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Brak,

    You're missing my point. The search engines will see that the content is almost invisible (they can decypher colors) and will assume that you're trying to paste a bunch of content related to your keywords that's invisible to the end user, trying to rank yourself higher.

    That's considered "Keyword Spamming", and search engines will flag your site when they find it and rank you at the bottom of the index.


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

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

Search tags for this page

css translucent table background

,
html code for translucent
,
html make table translucent
,
html making a table translucent
,
table background translucent
,
translucence in table
,
translucenent tables
,
translucent background for table
,
translucent table
,
translucent table html
Click on a term to search for related topics.
All times are GMT -6. The time now is 06:07 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com