dealing with cell spacing [Archive]

Click to See Complete Forum and Search --> : dealing with cell spacing

thejoker101

01-22-2003, 06:46 PM

in html you can write cellspacing=0, how do you deal with it with CSS? I have margin:0px;border:0px;padding:0px yet i still get spacing between cells... any help?

spufi

01-22-2003, 07:48 PM

Post your code, upload a copy of it, or post a link to it.

meow

01-22-2003, 08:53 PM

You want something like thos for spacing:
border-collapse: separate; border-spacing: .5em

and like this for no spacing:
border-collapse: collapse

Browsers may not obay.

Here you go, have a good read. :D
http://www.w3.org/TR/REC-CSS2/tables.html#borders

thejoker101

01-22-2003, 09:45 PM

http://www.geocities.com/manhattanseniors/17thdegree/template.html

This is the page i'm in the middle of updating to be valid with xhtml 1.0 strict. I figured out how to deal with cellspacing with css only. The only thing is that i checked the pagein NS7.0 and it looks bad. Looks fine in IE6.0 Any help?

meow

01-22-2003, 09:59 PM

Images, Tables, and Mysterious Gaps
http://developer.netscape.com/evangelism/docs/articles/img-table/

Robert Wellock

01-23-2003, 04:56 AM

You can fiddle my my simple code sample if you want, but remember Micro$oft is not very good at rendering CSS border-spacing.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Table Spacing</title>
<style type="text/css">

</style>
</head>
<body>
<table>
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>X</td>
<td>Y</td>
</tr>
</table>
</body>
</html>

Stefan

01-23-2003, 09:15 AM

Originally posted by thejoker101
This is the page i'm in the middle of updating to be valid with xhtml 1.0 strict

Auch, couldn't you have gotten rid of the tables too :D

Anyway, what I really wanted to say was, placing your Javascript in a comment might get you into trouble down the road. In XHTML/XML a comment really IS a comment...
You might as well learn to start placing all your JS linked externally (or simply not comment it at all, that's to work around v3 and older browsers?).

BTW, love your graphics :)

thejoker101

01-23-2003, 02:44 PM

I'm planning on getting rid of the tables once everything else is working properly. I tried earlier on to remove the tables and replace them with <div>'s and <span>'s but i had problems. Admittingly, it was a half-hearted effort, but still.

As you can probably tell, I really don't know much about xhtml. I've been doing most of my coding using html 4.1 strict, but for my newest endeavour decided to go to xhtml 1.0 strict.

Stefan, thanks for your comment about externally linking the javascript. I never really thought about doing it before, but actually it's quite applicable for this website.

And thanks for the comment about the graphics, hopefully it wasn't sarcasm.

Stefan

01-23-2003, 03:34 PM

Originally posted by thejoker101

And thanks for the comment about the graphics, hopefully it wasn't sarcasm. [/B]

It wasn't :)

thejoker101

01-23-2003, 04:09 PM

Well thanks again. I don't really see anything particularly interresting about them, but they work for me. And, seeing how i'm not graphics designer, i was quite happy with them coming out the way they did.