TECH Where did the top of my table go?

[Falconer]

It was showing up and then randomly disappeared when I hit refresh. I added a CSS line top borders cuz I thought maybe that would force it to appear, but it didn't.

Maybe I should also mention that the sides and bottom show up just fine.

Surprisingly, it works in IE, but not in Firefox (usually it's the opposite)

Screenshot:

CSS:

div#main td {color: #ffffff;
border: 1px solid #ffffff; 
border-top: solid #ffffff;}

First few rows of table data:

<table x:str border=1 cellpadding=0 cellspacing=0 width=178 style='border-style:solid'>
 <col class=xl28 width=35 style='mso-width-source:userset;mso-width-alt:1280;
 width:26pt'>
 <col width=110 style='mso-width-source:userset;mso-width-alt:4022;width:83pt'>
 
 <tr height=17 style='height:12.75pt'>

  <td width="43" height=17 class=xl27 style='height:12.75pt;border-top:none'>Year</td>
  <td width="123" class=xl25 style='border-top:none;border-left:none'>Value at year end</td>
 </tr>
 <tr height=17 style='height:12.75pt'>
  <td height=17 class=xl27 style='height:12.75pt;border-top:none' x:num>1</td>
  <td class=xl26 align=right style='border-top:none;border-left:none'
  x:num="5400" x:fmla="=A1*B1">$5,400.00</td>
 </tr>

 

[kingtoad]

Remove:

border-top: solid #ffffff;

 

[Falconer]

Remove:

border-top: solid #ffffff;

Doesn't fix it. I added that border-top after the border top disappeared, thinking it would put it back.

edit - I just tried it anyway to make sure it didn't fix it.

 

[kingtoad]

Oh, the problem is in your HTML. You have a border-top: none; in your cells in the first row.

Use this:

<table x:str border=1 cellpadding=0 cellspacing=0 width=178 style='border-style:solid'>
 <col class=xl28 width=35 style='mso-width-source:userset;mso-width-alt:1280;
 width:26pt'>
 <col width=110 style='mso-width-source:userset;mso-width-alt:4022;width:83pt'>
 
 <tr height=17 style='height:12.75pt'>

  <td width="43" height=17 class=xl27 style='height:12.75pt;'>Year</td>
  <td width="123" class=xl25 style='border-left:none'>Value at year end</td>
 </tr>
 <tr height=17 style='height:12.75pt'>
  <td height=17 class=xl27 style='height:12.75pt;border-top:none' x:num>1</td>
  <td class=xl26 align=right style='border-left:none'
  x:num="5400" x:fmla="=A1*B1">$5,400.00</td>
 </tr>

 

[Falconer]

That made the top border really thick, but at least it appeared, so I just removed all instances of the top border in my table, and am letting CSS handle that.

Seems to be working now. Thanks.

 

[Phasm]

can't you just add 1px to border-style?

 

[narcisis]

Dreamweaver ftw!

 

[biawokauns]

@ ms word

 

[Krakerjak]

@ ms word

gotta start somewhere broski