Eliminate gaps between table cells...

cool2005

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 "cellspacin g=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" >


<td align="right" valign="bottom" >
<div id="headerLeftD iv" align="right" style="overflow :hidden;">
<table border=1 cellspacing=0 cellpadding=0>
</table>
</div>
</td>


<td align="left" valign="bottom" >
<div id="headerLeftD iv" align="right" style="overflow :hidden;">
<table border=1 cellspacing=0 cellpadding=0>
</table>
</div>
</td>
</tr>

<tr valign="top">


<td align="right" valign="top">
<div id="headerLeftD iv" align="right" style="overflow :hidden;">
<table border=1 cellspacing=0 cellpadding=0>
</table>
</div>
</td>


<td align="left" valign="top">
<div id="headerLeftD iv" align="right" style="overflow :hidden;">
<table border=1 cellspacing=0 cellpadding=0>
</table>
</div>
</td>

</tr>
</table>

Jul 23 '05 #1

Subscribe Reply

1986

RobB

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 "cellspacin g=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" >


<td align="right" valign="bottom" >
<div id="headerLeftD iv" align="right" style="overflow :hidden;"> <table border=1 cellspacing=0 cellpadding=0>
</table>
</div>
</td>


<td align="left" valign="bottom" >
<div id="headerLeftD iv" align="right" style="overflow :hidden;"> <table border=1 cellspacing=0 cellpadding=0>
</table>
</div>
</td>
</tr>

<tr valign="top">


<td align="right" valign="top">
<div id="headerLeftD iv" align="right" style="overflow :hidden;"> <table border=1 cellspacing=0 cellpadding=0>
</table>
</div>
</td>


<td align="left" valign="top">
<div id="headerLeftD iv" 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

cool2005

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

McKirahan

"cool2005" <co*******@yaho o.com> wrote in message
news:11******** **************@ g14g2000cwa.goo glegroups.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

enrique

Learn CSS.

Jul 23 '05 #5

enrique

Learn CSS. comp.infosystem s.www.authoring.stylesheets

epp

Jul 23 '05 #6

Similar topics

3318

Table Sort

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 auto sort by the first column without user clicking on it. Here is the sorttable.js code. addEvent(window, "load", sortables_init); var SORT_COLUMN_INDEX;

Javascript

2658

sorting content of table at client side

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 reason it is not working on colmuns containg checkboxes, text-boxes (or, any user input fileds). For checkbox column, the values are lost when clicked on the column title to sort. I tried a lot to modify but couldnt achive what I wanted.

Javascript

5787

Gaps in a sequence number

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 a sequence number as part of the file name that goes from 0000 to 9999 then back to 0000. I want to output a list to tell me the missing entries in that list

Microsoft Access / VBA

11384

How to eliminate space between table border and table contents?

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 border and the table contents. I have tried setting margin: 0 in CSS everywhere, as well as cellmargin/cellpadding in HTML. What is the best way to eliminate the extra space between a table border and its contents? Thanks,

HTML / CSS

2594

Excel code convert to Access code - Concat & eliminate duplicates

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

Microsoft Access / VBA

4843

Collapsible table sorting problem

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 expandable row, the hidden row is made visible with css. The problem is when i sort the rows, the hidden rows get sorted as well which i don't want and want to be moved (while sorting) relative to their parent rows. The following is my complete html code...

Javascript

3407

Gaps in a Sequence Number

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 sequence numbers (These numbers will always begin with a "C"). Reason for this is to assign an unused alphanumeric number to a employee. Therefore only one unused alphanumeric number needs to be viewed at a time. The original database designer used...

Microsoft Access / VBA

1625

Its urgent....DataGrid CurrentCell and change gaps between Cells

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 it is clicked.. Please help me....Classes and methods or .dll should support compact framework...

.NET Framework

4975

Jquery table sorting help

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 there are, it crashes. There are currently 6 columns, and I only want 4. How do I remove the last two (discount and date)? Here is a link: http://www.jaredmoore.com/tablesorter/docs/salestable.html Here is some jquery js that I think...

Javascript

10347

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...

General

11809

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

11399

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...

Online Marketing

11558

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...

Windows Server

8453

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 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 a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

6542

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

5146

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

4726

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

3755

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General