473,752 Members | 8,851 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

xhtml css table spacing between rows

Hi.

I've got a somewhat wired problems with an extra space between table
rows in Mozilla and Opera (IE works fine).

With the code below, cells within a row align seamlessly, but there is a
space of about 5px between table rows.

Any Idea?

xhtml:
> <!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<!-- used charmap -->
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<!-- meta informationen -->
<meta name="language" content="de" />
<title>Title - </title>

<!-- StyleSheet for the core design and layout elements -->
<link rel="stylesheet " type="text/css" href="styles/layout.css" />

<!-- StyleSheet for special created classes -->
<link rel="stylesheet " type="text/css" href="styles/classes.css" />

<!-- General StyleSheet for common structural tags -->
<link rel="stylesheet " type="text/css" href="styles/common.css" />
</head>

<body>
<h1>Title</h1>
<table style="border-spacing: 0px; border-collapse: collapse;"
class="nospacin g">
<tr class="nospacin g">
<td class="nospacin g"><img src="quadrant/high/2/A0.jpg" width="85"
height="12" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
<td class="nospacin g"><img src="quadrant/high/2/B0.jpg" width="85"
height="12" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
<td class="nospacin g"><img src="quadrant/high/2/C0.jpg" width="85"
height="12" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>

<td class="nospacin g"><img src="quadrant/high/2/D0.jpg" width="85"
height="12" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
<td class="nospacin g"><img src="quadrant/high/2/E0.jpg" width="85"
height="12" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
<td class="nospacin g"><img src="quadrant/high/2/F0.jpg" width="85"
height="12" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
<td class="nospacin g"><img src="quadrant/high/2/G0.jpg" width="85"
height="12" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
<td class="nospacin g"><img src="quadrant/high/2/H0.jpg" width="85"
height="12" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
<td class="nospacin g"><img src="quadrant/high/2/J0.jpg" width="85"
height="12" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
<td class="nospacin g"><img src="quadrant/high/2/K0.jpg" width="86"
height="12" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
</tr>
<tr class="nospacin g">
<td class="nospacin g"><img src="quadrant/high/2/A1.jpg" width="85"
height="83" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>

<td class="nospacin g"><img src="quadrant/high/2/B1.jpg" width="85"
height="83" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
<td class="nospacin g"><img src="quadrant/high/2/C1.jpg" width="85"
height="83" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
<td class="nospacin g"><img src="quadrant/high/2/D1.jpg" width="85"
height="83" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
<td class="nospacin g"><img src="quadrant/high/2/E1.jpg" width="85"
height="83" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
<td class="nospacin g"><img src="quadrant/high/2/F1.jpg" width="85"
height="83" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
<td class="nospacin g"><img src="quadrant/high/2/G1.jpg" width="85"
height="83" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
<td class="nospacin g"><img src="quadrant/high/2/H1.jpg" width="85"
height="83" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
<td class="nospacin g"><img src="quadrant/high/2/J1.jpg" width="85"
height="83" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>
<td class="nospacin g"><img src="quadrant/high/2/K1.jpg" width="86"
height="83" style="border-width: 0px; margin: 0px; padding: 0px;" /></td>

</tr>
.... (More rows)
</table>
<<<<<

where the the corresponding css code is>

..nospacing {
border: 0px;
margin: 0px;
padding: 0px;
}

table.nospacing {
border-collapse: collapse;
border: 0px;
margin: 0px;
padding: 0px;
}
<<<<<
Jul 21 '05 #1
4 16875
Hi,
With the code below, cells within a row align seamlessly, but there is a
space of about 5px between table rows.

Have you tried border-spacing:0;
(http://www.w3.org/TR/CSS21/tables.ht...rder-spacing)?

Chris
Jul 21 '05 #2
> Have you tried border-spacing:0;

Yes but that didn't help.

Bernd
Jul 21 '05 #3
> http://www.mozilla.org/docs/web-developer/faq.html#gaps

That's it.
Thank you a lot.

Bernd
Jul 21 '05 #5

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

Similar topics

2
4448
by: Neil Zanella | last post by:
Hello, I would like to know whether having a <table> element with two <tr> elements each containing one <td> elements and two <td> elements, respectively, is legal from the point of view of standard W3C HTML/XHTML. In particular, is it legal for table rows to contain differing number of columns, even when the colspan attribute is not used? Thanks,
14
16249
by: sdowney717 | last post by:
Using the the NumId from TitleData, I would like to delete the corresponding row in Bookdata using pure SQL. I want it to delete all rows in bookdata where the Titledata.NumID is a match to bookdata.id The two tables are linked in that the NumId of table Titledata is identical to the Id of table bookdata. I can, using ADO, loop thru deleting one by one but I would like to do this in a pure SQL statement. Is this possible? Any help is...
3
2093
by: Selden McCabe | last post by:
Sometimes I want to put a table inside a cell of another table (say, to create 3 equal divisions, etc.). When I want the inner table's edges to correspond exactly with the edges of the cell, I set the border (top, left, bottom, right) to zero for both the inner table and outer table. Also padding to 0 and spacing to 0. But, for some reason, there is still some space between the bottom of the inner table and the bottom of the containing...
2
2961
by: e271828 | last post by:
Is there a way to specify more than one row or cell collection in the JS table object? Consider this: var x=document.getElementById('myTable').rows.cells x.innerHTML="NEW CONTENT" This selects the second row (rows) and the first cell (x). How would I select the first and second rows, and first - fifth rows, for example? I would think something like the following:
14
2296
by: Tristan Miller | last post by:
Greetings. Is it possible with CSS to have an HTML <tablesuch that even-numbered <trrows have one background colour, and odd-numbered <trrows have another background colour? This makes wide tables easier to read. I would like this to work by applying a CSS class to only the <table> element. Applying two different classes to alternate <trelements is undesirable, as then it would be impossible to add, delete, or sort table rows...
0
8451
by: Romulo NF | last post by:
I´ve recently posted a script to move columns from a table using drag and drop javascript. Recently i´ve received a message of a user of this communty showing interest in the script to move lines instead of columns. This post will present the script for you guys. file: moverows.css table {border-collapse:collapse; cursor:pointer} td {width:30px; padding:5px; text-align:center; font:bold 14px verdana; color:#000; border:1px solid #000}...
1
2994
by: joshvito | last post by:
my site is having spacing issues in IE only. The page looks great in FF and Opera, but in IE7, i get a crazy spacing issue around my navigation links. The page source code is located at... http://joshvito.com/portfolio.html the style sheet is located at... http://joshvito.com/joshvito_portfolio.css I have exhausted hours trying to figure out why IE kills my table spacing...help thanks
1
1414
by: vuyyurus | last post by:
Need help in reading a different word file which has table with rows and columns and write to different word document in certain table with rows and cloumns.
1
1922
HaLo2FrEeEk
by: HaLo2FrEeEk | last post by:
I've got a table where I store tips for a challenge. Its structure is this: tip_id, challenge_id, user_id, ip_address, tip_date, tip_text The tips can be voted up or down, I store vote data in another table, which looks like this: tip_id, ip_address, vote_date, vote The similar column between the two is tip_id. Vote is a bool, 0 means a vote down, 1 means a vote up.
0
8867
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
9624
Oralloy
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...
0
9429
jinu1996
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...
0
8295
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6836
isladogs
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...
0
4738
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4921
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
2
2839
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2243
bsmnconsultancy
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...

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.