Вы здесь - Главная - Разное - HTML, CSS, PHP
как изменить высоту таблицы в html
Нм нужно изменить высоту таблицы, где-то сделать таблицу одной высоты, в другом месте сделать таблицы выше, либо наоборот ниже! Разберемся в вопросе, как же изменить высоту таблицы?
В прошлый раз мы занимались шириной таблицы.
Возьмем, опять же, сделанную прошлый раз таблицу, состоящую из 3 столбцов и трех строк.(атрибут border применили лишь для того, чтобы мы смогли увидеть границы нашей таблицы.
Вот наш код таблицы:
<table width="500" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
Смотрим на наш пример:
Теперь изменим высоту каждой строки в таблице:
Поставим для первой строки 20 пикселей, для третей 30 пикселей, а для третей строки таблицы поставим значение 50 пикслей.
Код данной таблицы будет такой:
<table width="500" border="1">
<tr>
<td height="20"> </td>
<td height="20"> </td>
<td height="20"> </td>
</tr>
<tr>
<td height="30"> </td>
<td height="30"> </td>
<td height="30"> </td>
</tr>
<tr>
<td height="50"> </td>
<td height="50"> </td>
<td height="50"> </td>
</tr>
</table>
Вот, получилась такая таблица, с ячейками разной высоты.
После этого нам нужно заняться позиционированием таблицы!
Ключевые слова высота , таблицы , строки , ячейки , html ,Когда создан файл - 27.3.2014
Дата последнего изменения файла 04.10.2018
Просмотров 1184 с 13 октября(счетчик запущен в 2017 году)
Последние :
ОКТ22
ОКТ21
ОКТ20
Размещение рекламы
Последние комментарии
2018-10-13 20-58
Марат : Тогда -мне было легче продать старый и купить новый, сегодня, я конечно не буду так делать! Хотя, кто его далее
2018-10-13 20-49
Александр : Интересная статья. Кстати, мой первый компьютер, который я тоже покупал почти 10 лет назад, до сих пор у меня далее
2018-09-27 18-25
Гузелия : 
далее
2018-09-26 19-29
Марат : 
Так давно хотел сделать добавление смайлов и вот наконец-то далее
2018-09-15 18-09
Александр : Хорошая инструкция. Я тоже пользуюсь Киви кошельком. Считаю его одним из самых удобных, и к тому же комиссии далее
Наша группа вКонтакте
Теперь у нас есть группа вКонтакте...Copyright © 2013 - 2018 MARREX.RU разработка DWWEB.RU
ОКТ13
1184