Skip to Content

Help! Table not working right!

Categories:

I've created a page with a table on it. I tested it and it worked fine. But when I pasted the html onto a Drupal 5 page, there is a gap between 2 rows in the table. How can I get rid of that gap?

I've tried typing everything into one big long line (which used to be the trick for some version of MS browsers). But it didn't work here.

I have one table with 2 rows and 3 columns. Within each cell in this table, I have a nested table with 2 rows and one column. It is in this nested table that there is a gap between the 2 rows.
Here is the page : http://tokyoinfosource.bryght.net/node/179
Ignore the bottom row with the missing images. The top row should be done, but you can see the gap.

Can anyone tell me how to get rid of it?

ALSO, I've specified the cells to be all 180px wide and the bottom cell 148px high. But it seems that the height is where the text stops, how exactly 148px. How can I make the cells of an exact height?

Thanks!

Comments

Table

Richard Eriksson's picture

Looking at the HTML it looks like there are multiple tables, actually, so you would have to edit the HTML so that it's one big table. What did you use to create the table?

To make cells an exact height, I find CSS more reliable than the values you put in HTML. So for example:

<td style="height: 148px;">text here</td><td style="height: 148px;">second column text here</td> etc.

Addition to the last post

The "gaps" I am talking about is the gap between rows. The row with the images should be right next to the row with the text so it looks like one box with a banner on top, not the graphic, then a gap, then the pink text box.

Just thought I'd clarify!

Still have gaps etc.

I have now make the table as one big table. I just coded it. And I have changed all of the styling using inline CSS. However, I still have the gaps, and the cell sizes are still not quite right.

You can go and have a look now and see what you can see that can be done to it.
http://tokyoinfosource.bryght.net/node/179

Thanks!

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.