Проблема с вложенными таблицами.

nim · June 26, 2007

Почему во вложенной таблице не исчезла сетка?

<html>
<head>
<style type="text/css">

.tbl 
{
 width: 100%; 
 border-collapse: collapse
}

.tbl td
{
 border: 1px solid black 
}

.tbl2 td
{
 border: 0px solid black 
}

</style>
</head>

<body>
<table class="tbl">
 <tr>
 <td>............</td>
 <td>............</td>
 <td>............</td>
 </tr>
 <tr>
 <td>............</td>
 <td>
 <table width="100%" class="tb2">
 <tr>
 <td>............</td>
 <td>............</td>
 <td>............</td>
 </tr>
 </table>
 </td>
 <td>............</td>
 </tr>
 <tr>
 <td>............</td>
 <td>............</td>
 <td>............</td>
 </tr>
</table>

</body>

</html>

ARA · June 26, 2007

.tbl2 td - у тя в CSS написано, а что написано в классах ячейки??))

Дядя Саша · June 26, 2007

border: 0px solid black

А вообще cellspacing="0" должен вам помочь, если я правильно понял.

PacMan · June 26, 2007

Патамушта надо так

.tbl,
.tbl table {
 border-collapse: collapse;
}

nim · June 26, 2007

сорь, это не из реального проэкта, я накидал на лету чтоб хлама небыло. Проблема в картинках-бекграугдах хоть сами линии исчезли, но пробелы на стыке ячеек есть, получается что фон ячеек заполняется не полностью. Ниже код, выдает такую шняжку:

download.php?id=1451436

<html>
<head>
<style type="text/css">

.tbl 
{
 width: 100%; 
 border-collapse: collapse
}

.tbl td
{
 border: 1px solid black 
}

.PartHeader_tbl
{
 width:100%;
 padding:0;
}
.PartHeader_tbl td
{
 border: 0px solid black;

}
.PartHeader_left
{
 background:url(1.jpg) norepeat;
 width:31;
 height:38;
}
.PartHeader_center
{
 background:url(1.jpg) repeat-x;
 width:100%;
}
.PartHeader_right
{
 background:url(1.jpg) norepeat;
 width:17;
}

</style>
</head>

<body>
<table class="tbl">
 <tr>
 <td>............</td>
 <td>............</td>
 <td>............</td>
 </tr>
 <tr>
 <td>............</td>
 <td>
 <table class="PartHeader_tbl">
 <tr>
 <td class="PartHeader_left">............</td>
 <td class="PartHeader_center">............</td>
 <td class="PartHeader_right">............</td>
 </tr>
 </table>
 </td>
 <td>............</td>
 </tr>
 <tr>
 <td>............</td>
 <td>............</td>
 <td>............</td>
 </tr>
</table>

</body>

</html>

nim · June 26, 2007

cellspacing="0" помогает, но в стилях это нельзя задать?

ARA · June 26, 2007

cellspacing="0" помогает, но в стилях это нельзя задать?

написали же...

....
table {
 border-collapse: collapse;
}

PacMan · June 26, 2007

table {
 border-collapse: collapse;
 border-width: 0;
}

PacMan · June 26, 2007

Факт что бордеры тут не причем.

Попробуй отловить баг так

table {
 border-collapse: collapse;
}
table td {
 border: 1px solid blue;
}

А слева и справа это фоновые изображения или через img вставляются?

ЗЫ И вообще тут без таблиц можно (и даже нужно) обойтись

ЗЗЫ Э, я тут на пост ответил, а он пропал......

nim · June 26, 2007

Вобщем вот пример http://webfile.ru/download.php?id=1451467 (3кб) демонстрирующий проблему, если кто поможет буду благодарен.

PacMan это все фон. А как можно без таблиц обойтись? я дивами пробывал но как центральный див маштабировать хз, в итоге он распирает ячейку в несколько строк.

yopopt · June 26, 2007

.PartHeader_tbl
{
 border-collapse: collapse;
 width:100%;
 padding:0;
}

nim · June 26, 2007

не помогает, я смотрю в IE 6x. Кстати cellspacing="0" не помогает тоже.

yopopt · June 26, 2007

Вс? работает. Может вы не туда добавляете? Добавьте ещ?

.tbl td
{
 padding:0;
 border: 1px solid black;
}

nim · June 26, 2007

Так помогло и это странно какое отношение .tbl td имеет к ячейкам PartHeader_tbl, кроме того текст в остальных ячейках стал прижиматся к полосе, что есть неудобно.

Дядя Саша · June 26, 2007

border-spacing: 0;

http://htmlbook.ru/css/border-spacing.html

yopopt · June 26, 2007

А как же тогда ие?

nim · June 26, 2007

Спасибо все за участие в дискуссии . рабочий вариант дал yopopt

Sign In

Проблема с вложенными таблицами.

Question

Link to comment

Share on other sites

16 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information