TECH Where did the top of my table go?

Falconer

Well-Known Member
Jun 23, 2006
65,534
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:
no_top.gif



CSS:

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

First few rows of table data:

Code:
<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>
 
TS
TS
Falconer

Falconer

Well-Known Member
Jun 23, 2006
65,534
Remove:

Code:
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

Well-Known Member
Sep 2, 2003
55,790
Los Angeles
Oh, the problem is in your HTML. You have a border-top: none; in your cells in the first row.

Use this:

Code:
<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>
 
TS
TS
Falconer

Falconer

Well-Known Member
Jun 23, 2006
65,534
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.
 

Users who are viewing this thread

About Us

  • Please do not post anything that violates any Local, State, Federal or International Laws. Your privacy is protected. You have the right to be forgotten. Site funded by advertising, link monetization and member support.
OT v15.8.1 Copyright © 2000-2022 Offtopic.com
Served by fu.offtopic.com

Online statistics

Members online
467
Guests online
69
Total visitors
536

Forum statistics

Threads
369,425
Messages
16,882,776
Members
86,873
Latest member
vitalesan