Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Неровная таблица (https://javascript.ru/forum/xhtml-html-css/59268-nerovnaya-tablica.html)

Siend 03.11.2015 16:55

Неровная таблица
 
Ребят, есть идеи как сверстать такую вот таблицу?


Я вначале подумал на css нарисовать несколько трапеций на заднем плане, в процентном соотношении с количеством столбов:
Код:

#trapezoid {
        border-left: 100px solid red;
        border-bottom: 50px solid transparent;
        border-right: 50px solid transparent;
        height: 0;
        width: 100px;
}

Но проблема в том что border-width нельзя задать в процентах, а таблица должна быть резиновой( Подскажите у кого есть идеи, как выполнить это задачу на чистом css.

hfts_rider 04.11.2015 17:32

Покажите таблицу с содержимым, как она будет выглядеть?

Siend 05.11.2015 12:30

нечто вроде этого

ksa 05.11.2015 13:16

Цитата:

Сообщение от Siend
нечто вроде этого

Т.е. сетка самой таблички нормальная... Просто фон такой дебильный? :)

Siend 05.11.2015 15:32

Да если бы.... Гребаный дизайнер посчитал что центрировать элементы по вертикали не красиво... вообщем там все строки разного размера, и элементы второго, третьего и четвертого столбцов смещены по вертикали от центра... Вообщем я уже смирился, и сделал ее тупо фоном, расставляя элементы в нужные позиции, других способов не придумал...

ksa 05.11.2015 16:15

Цитата:

Сообщение от Siend
Гребаный дизайнер

Сочувствую...


Часовой пояс GMT +3, время: 16:04.