Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Таблица с разной длиной строк

Автор: Muerto 19.10.2011, 10:48

Есть вот такая таблица

user posted image

Как избавится от верхней полосочки?

Пытался как то так:

Код


table.dohotChooser tr {
    border:none;
}
table td.extra{
    border:none;
    display:none;
}

слева полоска пропадает... а сверху нет...

Строки не равномерные...

Не знаю вот как её убрать smile

Стоит border-collapse:collapse; если это важно

Автор: magelan 19.10.2011, 12:54

вероятно это бордер самой таблицы.
примерчик кода сделайте.

думаю надо только у ячеек рисовать бордеры, у остальных запрещать.
боюсь "просто" решить эту задачку не выйдет.

Автор: Muerto 19.10.2011, 13:46

Код


table.dohotChooser{
    border-collapse:collapse;
    empty-cells:hide;
}

table.dohotChooser a{
    color:blue;
    font-weight:bold;
}
table.dohotChooser a.search{
    color:black;
    font-weight:normal;
    text-decoration:none;
}
table.dohotChooser tr td{
    min-width:50px;
    background: white;
    border: 1px solid black;
    padding: 1px;
}
table.dohotChooser tr td.colored{
    background: silver;
}

table.dohotChooser tr.tableSeparator{
    height:20px;
    border:none;
}

table.dohotChooser tr.tableSeparator td{
    border:none;
}

Я решил в общем поскольку решение не быстрое - взять где вот у меня там адресс длинный, проставил колспан 2 и все.

Автор: SelenIT 19.10.2011, 16:22

Имхо, простейший вариант быстрого фикса — задать ячейке под сепаратором верхний бордер фонового (белого) цвета. Т.к. при конфликте бордеров любое ненулевое значение имеет приоритет над нулевым.