Создать перевернутую таблицу HTML

368
23 мая 2017, 03:15

Нужно сделать так:

Вопрос. Как?

Я так понимаю что это перевернутая таблица HTML. Где слева это элементы TH а справа это строки. Помогите.

Answer 1

Если хочется семантичности:

<th></th>

http://htmlbook.ru/html/th

<table>
    <thead>
        <tr>
...
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>Цена</th>
            <td>1,50р</td>
            ...
        </tr>
...
    </tbody>
</table>

Пример использования - https://lexnekr.github.io/filmsrating-for-y/ru/full-version.html (именно так, как вы хотите, только 1 колонка)

Но в принципе, как в комментариях и написано, достаточно сделать css правило для 1 столбца, визуально выделяющее их.

Answer 2

@Алексей Задойный все правильно написал. Только смысл отсылать куда-то, когда пример прост как сибирские валенки.

<table> 
<tr> 
	<th>bla-bla</th> 
	<th>bla-bla</th> 
	<th>bla-bla</th> 
	<th>bla-bla</th> 
</tr> 
<tr> 
	<th>bla-bla</th> 
	<td>bla-bla</td> 
	<td>bla-bla</td> 
	<td>bla-bla</td> 
</tr> 
<tr> 
	<th>bla-bla</th> 
	<td>bla-bla</td> 
	<td>bla-bla</td> 
	<td>bla-bla</td> 
</tr> 
<tr> 
	<th>bla-bla</th> 
	<td>bla-bla</td> 
	<td>bla-bla</td> 
	<td>bla-bla</td> 
</tr> 
</table>

READ ALSO
Проблема с циклом JS

Проблема с циклом JS

Всем приветНужна ваша помощь

249
Как закрыть все divы

Как закрыть все divы

Я новичекНикак не могу разобраться, как закрыть один div если нажимаем на другую кнопку

237
Как с помощью radio inputa сделать динамическое изменение цены опционального товара?

Как с помощью radio inputa сделать динамическое изменение цены опционального товара?

Здравствуйте! Делаю сайт, заказ Суши и роллы и там есть опциональные товары (например Роллы), прежде чем добавить в корзину клиенту нужно...

292
Flexbox, Как убрать часть текста?

Flexbox, Как убрать часть текста?

Eсть 2 блока первый текст 2-й картинка Как убрать часть текста с помощью flexbox при разрешении 768px

268