Results 1 to 8 of 8
  1. #1
    ABW Founder Haiko de Poel, Jr.'s Avatar
    Join Date
    January 18th, 2005
    Location
    New York
    Posts
    21,609
    Gradient via CSS?
    Is there a way to a two color gadient effect in a table via CSS?
    Continued Success,

    Haiko
    The secret of success is constancy of purpose ~ Disraeli

  2. #2
    Roll Tide mobilebadboy's Avatar
    Join Date
    January 18th, 2005
    Location
    Mobile, Alabama
    Posts
    1,220
    There is an IE only way that I know of for sure. Other than that I don't believe so. At least I haven't seen a cross-browser way, so I could be wrong.

    Shawn Kerr (.com) | Disney World | SEC Football

  3. #3
    Resident Genius and Staunch Capitalist Leader's Avatar
    Join Date
    January 18th, 2005
    Location
    Florida
    Posts
    12,817
    I found this site (Scroll down about midway for the info) HERE that says a way...

    But it only works in browsers that support the effect--primarily IE...
    There is no knowledge that is not power. ~Hemingway

  4. #4
    ABW Ambassador DesignerWiz's Avatar
    Join Date
    January 18th, 2005
    Location
    U.S.A
    Posts
    2,777
    You could always add a Table or TD class inside your CSS file. (works in IE only)

    <table width="500" align="center" style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#000000', startColorstr='#FFFFFF', gradientType='0');">
    <tr>
    <td>Text Here</td>
    </tr>
    </table>
    Last edited by Leader; March 17th, 2005 at 04:30 PM. Reason: Disabled smilies so code would show properly
    Ray Thomas
    Webmaster Resources: http://DesignerWiz.com
    ABW Board Category: Programming / Coding
    http://forum.abestweb.com/forumdisplay.php?f=190

  5. #5
    Full Member ahmar's Avatar
    Join Date
    January 18th, 2005
    Posts
    481
    Cool, Very Cool! I never knew it can be done through html itself. I was always using bg images, made in PS, to get the same result. But that results in increased the page size.
    <DT>[size=1][color=navy]"The best measure of a man's honesty isn't his income tax return.[/color][/size]<DT>[size=1][color=navy]It's the zero adjust on his bathroom scale." Arthur C. Clark[/color][/size]</DT>

  6. #6
    ABW Ambassador
    Join Date
    January 18th, 2005
    Location
    Texas, USA
    Posts
    579
    Quote Originally Posted by DesignerWiz
    You could always add a Table or TD class inside your CSS file. (works in IE only)

    <table width="500" align="center" style="filterrogidXImageTransform.Microsoft.Gradient(endColorstr='#000000', startColorstr='#FFFFFF', gradientType='0');">
    <tr>
    <td>Text Here</td>
    </tr>
    </table>


    Hi, DesignerWiz,

    Would this code lock up the Opera, FireFox or Navigator browsers???
    Or would it just show up as some funky color?

    RadarCat, Webmaster
    http://www.os2warplinks.com

  7. #7
    ABW Ambassador DesignerWiz's Avatar
    Join Date
    January 18th, 2005
    Location
    U.S.A
    Posts
    2,777
    Hi RadarCat, I'm not sure what FireFox would do. I don't have a current copy on my system, but there are many here that do. Anybody here want to chime in with their observation of this effect in the FireFox browser?
    Ray Thomas
    Webmaster Resources: http://DesignerWiz.com
    ABW Board Category: Programming / Coding
    http://forum.abestweb.com/forumdisplay.php?f=190

  8. #8
    pph Expert! Gordon's Avatar
    Join Date
    January 18th, 2005
    Location
    Edmonton Canada
    Posts
    5,781
    I've tried this in both EI and Firefox and it does not work
    One day parasites and their ilk will be made illegal, I bet a few Lawyers will be pissed off when the day comes.
    Mr. Spitzer is fetching it nearer

    YouTrek

  9. Newsletter Signup

+ Reply to Thread

Similar Threads

  1. CSS Help PLEASE!
    By Doug247 in forum Blogging, Mobile and Social Media
    Replies: 5
    Last Post: March 9th, 2010, 09:50 AM
  2. A little CSS help
    By Kevin in forum Programming / Datafeeds / Tools
    Replies: 13
    Last Post: September 5th, 2007, 07:59 PM
  3. Can you do this with CSS?
    By Cagles Mill in forum Programming / Datafeeds / Tools
    Replies: 3
    Last Post: October 12th, 2006, 05:44 PM
  4. Help With CSS Please
    By Doug247 in forum Programming / Datafeeds / Tools
    Replies: 3
    Last Post: March 24th, 2005, 08:51 AM

Posting Permissions

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