Tables border problem

Discussion in 'HTML & Website Design' started by dura_killer, Nov 10, 2008.

  1. #1
    Some of the tables show here is having light grey color broder whereas they should be having black borders.What could be the problem?

    [​IMG]


    
    <head>
    <style>
    .xl25
    	{font-size:14.0pt;
    	font-weight:700;
    	text-align:center;
    	vertical-align:middle;}
    
    .bsm{
    font-size:14.0pt;
    font-weight:700;
    text-align:center;
    vertical-align:middle;
    }
    
    .bor-right-m{
    font-size:14.0pt;
    font-weight:700;
    text-align:center;
    vertical-align:middle;
    border-right:2.0pt double windowtext;
    }
    
    .dateset{
    text-align:center;
    }
    
    .lows{
    text-align:center;
    }
    
    .top-line{
    text-align:center;
    border-top:2.0pt double windowtext;
    }
    
    .top-line-nright{
    text-align:center;
    border-top:2.0pt double windowtext;
    border-right:2.0pt double windowtext;
    font-weight:700;
    font-size:14.0pt;
    }
    
    .mid{
    text-align:center;
    }
    
    </style>
    </head>
    
    <table border="1">
    <tr>
    <th class="xl25" height="25">Opinion</th>
    <th class="xl25" height="25">Market</th>
    <td class="xl25" height="25">Start Date</td>
    <td>&nbsp;</td>
    <th class="xl25" height="25">Up or</th>
    <th class="xl25" height="25">End Date</th>
    <td class="xl25">&nbsp;</td>
    <td class="bor-right-m">&nbsp;</td>
    <th class="bor-right-m" height="25" colspan="3">Support or Resistance Tiers</th>
    </tr>
    <tr>
    <th class="xl25" height="25">Start/End Date</th>
    <th class="xl25" height="25"></th>
    <td class="bsm" height="25"><b>High or Low Price</b></td>
    <td>&nbsp;</td>
    <th class="xl25" height="25">Down</th>
    <td class="bsm" height="25"><b>High or Low Price</b></td>
    <td class="xl25">&nbsp;</td>
    <td class="bor-right-m">Correct</td>
    <th class="xl25" height="25" cellspacing="3" bordercolor="#999999">Tier 1</th>
    <th class="xl25" height="25">Tier 2</th>
    <th class="bor-right-m" height="25">Tier 3</th>
    </tr>
    
    
    <tr>
    <td class="top-line">&nbsp;</td>
    <td class="top-line" rowspan="2">Dow</td>
    <td  class="top-line">09-10-2008</td>
    <td class="top-line">&nbsp;</td>
    <td class="top-line" rowspan="2"><b>Down</b></td>
    <td class="top-line">09-10-2008</td>
    <td class="top-line">&nbsp;</td>
    <td class="top-line-nright" rowspan="2">yes</td>
    <td class="top-line" rowspan="2">&nbsp;</td>
    <td class="top-line" rowspan="2">&nbsp;</td>
    <td class="top-line-nright" rowspan="2">&nbsp;</td>
    </tr>
    
    <tr>
    <td class="lows">Low on</td>
    <td class="dateset">09-10-2008</td>
    <td>Low</td>
    <td class="dateset">09-10-2008</td>
    <td>Low</td>
    </tr>
    
    
    
    <tr>
    <td class="lows">20-10-2008</td>
    <td class="mid" rowspan="2">Dow</td>
    <td class="dateset">09-10-2008</td>
    <td>&nbsp;</td>
    <td class="mid" rowspan="2"><b>Down</b></td>
    <td class="dateset">09-10-2008</td>
    <td>&nbsp;</td>
    <td class="bor-right-m" rowspan="2">yes</td>
    <td rowspan="2">&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
    <td class="bor-right-m" rowspan="2">&nbsp;</td>
    </tr>
    
    <tr>
    <td class="lows">Should be Lesser than the</td>
    <td class="dateset">09-10-2008</td>
    <td>Low</td>
    <td class="dateset">09-10-2008</td>
    <td>Low</td>
    </tr>
    
    
    
    <tr>
    <td class="lows">High on</td>
    <td class="mid" rowspan="2">Dow</td>
    <td class="dateset">09-10-2008</td>
    <td>&nbsp;</td>
    <td class="mid" rowspan="2"><b>Down</b></td>
    <td class="dateset">09-10-2008</td>
    <td>&nbsp;</td>
    <td class="bor-right-m" rowspan="2">yes</td>
    <td rowspan="2">&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
    <td class="bor-right-m" rowspan="2">&nbsp;</td>
    </tr>
    
    <tr>
    <td class="lows">09-10-2008</td>
    <td class="dateset">09-10-2008</td>
    <td>Low</td>
    <td class="dateset">09-10-2008</td>
    <td>Low</td>
    </tr>
    
    </table>
    Code (markup):
     
    dura_killer, Nov 10, 2008 IP
  2. Duratec

    Duratec Banned

    Messages:
    169
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    have you tried designating a color to your table to even it out?
     
    Duratec, Nov 10, 2008 IP
  3. MikeHayes

    MikeHayes Peon

    Messages:
    95
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi,

    Try this:

    <table bordercolor="black" border="1">


    Mike
     
    MikeHayes, Nov 10, 2008 IP
  4. Sean@WMS

    Sean@WMS Peon

    Messages:
    134
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #4
    DO NOT try this old school approach:

    You really need to start learning CSS with at least transitional compliancy.

    I'll give you a nice balance on this if you IM me. I need to know you are SERIOUS about this before I take the time to duplicate and dial it in for you.
     
    Sean@WMS, Nov 11, 2008 IP