473,322 Members | 1,188 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,322 software developers and data experts.

Eliminate gaps between table cells...

I have a table contains 4 cells (2 x 2) like this

http://www.coolshare.com/planttrade/temp/gap.jpg

each cell contains a div and the div contains a table.

As you can see from the image above, there are gap between
these 4 cells of the top level table. I tried to use "cellspacing=0
cellpadding=0" on the top level table and
"align valign" on each td and tr but still couldn't remove
the gaps...

Any suggestion will be really appreciated

thanks

the html code:

<table cellspacing=0 cellpadding=0 >
<tr valign="bottom">

<!-- cell 1 -->
<td align="right" valign="bottom">
<div id="headerLeftDiv" align="right" style="overflow:hidden;">
<table border=1 cellspacing=0 cellpadding=0>
</table>
</div>
</td>

<!-- cell 2 -->
<td align="left" valign="bottom">
<div id="headerLeftDiv" align="right" style="overflow:hidden;">
<table border=1 cellspacing=0 cellpadding=0>
</table>
</div>
</td>
</tr>

<tr valign="top">

<!-- cell 3 -->
<td align="right" valign="top">
<div id="headerLeftDiv" align="right" style="overflow:hidden;">
<table border=1 cellspacing=0 cellpadding=0>
</table>
</div>
</td>

<!-- cell 4 -->
<td align="left" valign="top">
<div id="headerLeftDiv" align="right" style="overflow:hidden;">
<table border=1 cellspacing=0 cellpadding=0>
</table>
</div>
</td>

</tr>
</table>

Jul 23 '05 #1
5 1947
cool2005 wrote:
I have a table contains 4 cells (2 x 2) like this

http://www.coolshare.com/planttrade/temp/gap.jpg

each cell contains a div and the div contains a table.

As you can see from the image above, there are gap between
these 4 cells of the top level table. I tried to use "cellspacing=0
cellpadding=0" on the top level table and
"align valign" on each td and tr but still couldn't remove
the gaps...

Any suggestion will be really appreciated

thanks

the html code:

<table cellspacing=0 cellpadding=0 >
<tr valign="bottom">

<!-- cell 1 -->
<td align="right" valign="bottom">
<div id="headerLeftDiv" align="right" style="overflow:hidden;"> <table border=1 cellspacing=0 cellpadding=0>
</table>
</div>
</td>

<!-- cell 2 -->
<td align="left" valign="bottom">
<div id="headerLeftDiv" align="right" style="overflow:hidden;"> <table border=1 cellspacing=0 cellpadding=0>
</table>
</div>
</td>
</tr>

<tr valign="top">

<!-- cell 3 -->
<td align="right" valign="top">
<div id="headerLeftDiv" align="right" style="overflow:hidden;"> <table border=1 cellspacing=0 cellpadding=0>
</table>
</div>
</td>

<!-- cell 4 -->
<td align="left" valign="top">
<div id="headerLeftDiv" align="right" style="overflow:hidden;"> <table border=1 cellspacing=0 cellpadding=0>
</table>
</div>
</td>

</tr>
</table>


Not exactly JavaScript....

A jpg & some 'simulated' HTML isn't much to go on. What were we suposed
to look at?

Unlikely you really need a table inside a div inside a table cell. And
the whitespace from all that fancy formatting is suspect. Try removing
it tab-by-tab to see what happens. Might want to try another ng (with
real code).

Jul 23 '05 #2
The blue area in the jps is the gaps.
Yes, I do need "a table inside a div inside a table cell" because I
need to div to scroll the
table.

Maybe I should redescribe my question:

how can I remove the gaps between cells of a table if cells contain
divs?

thanks

Jul 23 '05 #3
"cool2005" <co*******@yahoo.com> wrote in message
news:11**********************@g14g2000cwa.googlegr oups.com...
The blue area in the jps is the gaps.
Yes, I do need "a table inside a div inside a table cell" because I
need to div to scroll the
table.

Maybe I should redescribe my question:

how can I remove the gaps between cells of a table if cells contain
divs?

thanks


Your image gives "The page cannot be displayed".

Why use <div>? Can you substitute <span>?

Or assign the id, class, style (whatever) to the <td> tag.

Note that, AFAIK, valign= applies to <tr> not <td> tags.
Jul 23 '05 #4
Learn CSS.

Jul 23 '05 #5
Learn CSS. comp.infosystems.www.authoring.stylesheets

epp

Jul 23 '05 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
by: jeffsal | last post by:
I am using sorttable.js to sort a table which works fine which allows a user to sort the table by clicking on the column header. Is there some code I could add to the page (onload or something) to...
1
by: cotton_gear | last post by:
Hello, Fiest of all let me thank this group for so quick in responding to any postings. I am using a javascript based utility from a site to sort the columns of the table. But, for some strange...
3
by: Robert McGregor | last post by:
Hi there, I was wondering if anyone could help with this problem. I have a table with about 250,000 rows that relate to files that have been processed elsewhere in our business. Each file has...
11
by: Michael Mayo | last post by:
I have a simple html page that contains an image in a single table cell, surrounded by a border: <http://www.softrains.com/lc/test.html>. I would like to eliminate the space between the table...
3
by: italia | last post by:
I have a database with 2 columns and more than million rows. The first column is the id Example of the data (2 columns)- 04731 CRM 04731 CRM 04731 CRM 04731 RVB 04731 RVB
7
by: Kamal | last post by:
Hello all, I have a very simple html table with collapsible rows and sorting capabilities. The collapsible row is hidden with css rule (display:none). When one clicks in the left of the...
2
by: jaka | last post by:
Hi, I'm in need of some expert help in sorting a numerical/alphanumerical employee ID field (5&6 characters in length). Also seperating the alphanumerical IDs and finding the gaps in the...
1
by: Sambit123 | last post by:
Hi, This is problem in Pocket PC programing using C#(compact framework).. Can I change the gaps between Cells in DataGrid ? If yes how.... I want to change the font of aparticular Cell when...
5
by: jrod11 | last post by:
hi, I found a jquery html table sorting code i have implemented. I am trying to figure out how to edit how many colums there are, but every time i remove code that I think controls how many colums...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.