double border where single expected

Forum Moderators: not2easy

Message Too Old, No Replies

double border where single expected

Table border - contextual problem

Vantuykom

10:58 am on Jan 12, 2005 (gmt 0)

Hi,

I have a strange problem with my css.
<code>
table.moduletableicom {
margin: 0px 0px 0px 0px;
width: 95%;

}

table.moduletableicom th {
color: #FFFFFF;
font: bold "Optima LT Std";
background: url(../images/tableheader.jpg) no-repeat center;
text-align: center;
vertical-align:middle;
width: 100%;
height: 25px;
background-position: bottom;
border: none;
}

table.moduletableicom td {
width: 170px;
border:1px solid #E87000;

}
</code>
the td is giving a double border in stead of a single.
Is there anybody who can help me with this?

Thank you, Natascha

Smad

11:36 am on Jan 12, 2005 (gmt 0)

try adding this to your table css

border-collapse:collapse;

Vantuykom

11:45 am on Jan 12, 2005 (gmt 0)

Thanks, that did the trick!

Greetz, Natascha

Vantuykom

8:06 am on Jan 13, 2005 (gmt 0)

but now it is a thick line, not a 1px, and the edge is too wide. I want only the inner line, but it seems that both lines are put together, am I right?
so, my problem is not yet solved :(

Anybody?

Thank you, Natascha

SuzyUK

1:00 am on Jan 14, 2005 (gmt 0)

Welcome to WebmasterWorld Vantuykom

border collapse should be applied to the td, th elements and the border for the table should be set to 0..

e.g.

table {
border: 0;
margin: 0;
border-collapse: collapse;
}
td {
border:1px solid #E87000;
}
</style>
</head>
<body>
<table>
<tr><td>some content</td></tr>
<tr><td>some content</td></tr>
<tr><td>some content</td></tr>
</table>

have you got borders set elsewhere?

Suzy

Vantuykom

8:28 am on Jan 14, 2005 (gmt 0)

this doesn't work, it doesn't do this in the main table-tag, only in the table.moduletableicom td.
no, I don't have borders anywhere else.

This really gives me a headache :(

greetz, Natascha