Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

table inner borders

Status
Not open for further replies.
bardley

bardley

Programmer
May 8, 2001
121
US
Hi. I have the following table, and I need the outer border but don't want the cells separated. This works wonderfully in IE, but NS still displays the inner rules. Is there something I can do to get rid of them?
Code: 
<table width=100% height=100% border=2 frame=box rules=none>
  <tr height=50%>
    <td width=50% valign=center align=center>
      Some Data
    <td width=50% valign=center align=center>
      More Data
  <tr height=50%>
    <td valign=center align=center>
      Yet More Data
    <td valign=center align=center>
      <br>
</table>
Brad Gunsalus
Cymtec Systems, Inc.
bgunsalus@cymtec.com
 
Sort by date Sort by votes
My first thought was CSS but the border-style:none I don't beleive is supported in NN DeZiner
Never be afraid to try something new.
Remember that amateurs built the Ark.
Professionals built the Titanic
 
Upvote 0 Downvote
Here's something that sort of works, although you will have to play around with the spacing a bit.

I created an outer table with a border=2.

The inner table has no border.

Netscape doesn't like <td height=&quot;50%&quot;> so I tried using <td height=&quot;200px&quot;>, etc., but the spacing just never looked the same in Netscape and IE.


So Instead I used the extra <tr> and the <pre></pre> to space the cells.

<html><head><title></title></head><body>
<table width=100% height=100% border=2 frame=box rules=none>
<tr>
<td>
<table width=100% height=100% border=0 frame=box rules=none>
<tr>
<td valign=center align=center>
Some Data</td>
<td valign=center align=center>
More Data</td>
<tr><td><pre>





</pre></td>
<tr>
<td valign=center align=center>
Yet More Data</td>
<td valign=center align=center>
<br>
</table>
</td>
</tr>
</table>
</body></html>


I hope this will work for you!
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
838
spamjim
spamjim
ashokkumary
  • Locked
  • Question
missing leading zero when we download in excel from html table data.
Replies
1
Views
150
spamjim
spamjim
PeDa
  • Locked
  • Question
Table not formatted correctly in all browsers 1
Replies
2
Views
159
PeDa
PeDa
PSchubert
  • Locked
  • Question
Data in db table cell not displayed in asp table cell -- a CSS issue?
Replies
2
Views
136
vacunita
vacunita
lupidol
  • Locked
  • Question
Table's title row's rounded corners border 1
Replies
2
Views
157
lupidol
lupidol

Part and Inventory Search

Sponsor

Back
Top