Ask Me Help Desk

Ask Me Help Desk (https://www.askmehelpdesk.com/forum.php)
-   CSS (https://www.askmehelpdesk.com/forumdisplay.php?f=445)
-   -   Cell Border Color: Firefox vs. IE. (https://www.askmehelpdesk.com/showthread.php?t=23320)

  • Mar 24, 2006, 12:07 PM
    RickJ
    Cell Border Color: Firefox vs. IE.
    Here I've colored the cell border Red (FF0000).

    In IE it is the candy apple red that I want it to be
    But
    In FF, it's an odd two toned color and includes a "bevel".

    I love the bevel that FF shows but hate the color.

    Anyone know how I can have the best of both worlds?:
    1. Have it appear more like candy apple red in FF, and
    2. Show the bevel in IE?

    Thanks!
  • Mar 27, 2006, 05:45 AM
    LTheobald
    Quote:
    Originally Posted by rickj
    1. Have it appear more like candy apple red in FF
    Try this:
    Code:
    <table align="center" style="border: 10px solid #FF0000; width: 90%;">
    Quote:
    Originally Posted by rickj
    2. Show the bevel in IE?
    Just change the "solid" to either "inset" or "outset" (depending on what way round you want the darker/lighter shades.

    Code:
    <table align="center" style="border: 10px inset #FF0000; width: 90%;">
    <table align="center" style="border: 10px outset #FF0000;  width: 90%;">
    Links:
    More on the "border" attribute
    More on border styles
  • Mar 27, 2006, 05:51 AM
    RickJ
    I'll try that one. Just yesterday I found this one, which designates a color for each "wall" of the table:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    </head>

    <body>
    <table width="90%" border="10" align="center" bordercolor="#FF0000">
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>

    </body>
    </html>
  • Mar 27, 2006, 08:44 AM
    LTheobald
    Rick, I think you posted the wrong code - that's the code for the original example. Nothing to do with a colour for each wall :)
  • Mar 27, 2006, 08:59 AM
    RickJ
    Oops. I see!

    Here it is:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    </head>

    <body>
    <table width="90%" align="center" style="border: 10px solid; border-color: #FF0000 #B22222 #FF0000 #B22222">
      <tr>
        <td style="border: 1px solid" bordercolor="000">&nbsp;</td>
      </tr>
    </table>

    <p>&nbsp;</p>
    <p>Note, colors are designated for each border...this gets a beveled look in
      IE. </p>
    </body>
    </html>

    • All times are GMT -7. The time now is 07:53 PM.