Перейти к содержанию
фан-форум
фанфорум

Таблицы в Invision Community 4

Рекомендуемые сообщения

Объединение двух и более ячеек таблицы — по горизонтали и вертикали.

 

Таблица на 2 колонки и 3 строки

111 222
333 444
555 666


Код этой таблицы

<table border="1" cellpadding="1" cellspacing="1" style="width: 200px;">
	<tbody>
		<tr>
			<td>
				111
			</td>
			<td>
				222
			</td>
		</tr>
		<tr>
			<td>
				333
			</td>
			<td>
				444
			</td>
		</tr>
		<tr>
			<td>
				555
			</td>
			<td>
				666
			</td>
		</tr>
	</tbody>
</table>

Тоже самое, но с объединением двух ячеек таблицы

111 
333 444
555 666


Для этого заменяем

<td>
				111
			</td>
			<td>
				222
			</td>

На 

<td colspan="2">
				111
			</td>

Где td colspan ="2" это количество ячеек, которые нужно объединить.

 

Если нужно объединить две ячейки 111 и 333 по вертикали, в самой первой таблице сообщения.

111 222
444
555 666

Тогда перед  111 заменяем в коде <td>
На <td rowspan="2">

И удаляем 

<td>
				333
			</td>

Цифра 2 - это количество ячеек, которые нужно объединить.
Если надо объединить 3, прописываем 3 и удаляем ещё аналогичный код таблицы 555

Ссылка на комментарий
Поделиться на другие сайты

Задать цвет рамок ячейки таблицы

111

 

Код данной таблицы

<table border="1" cellpadding="1" cellspacing="1" style="width: 150px;">
	<tbody>
		<tr>
			<td>
				111
			</td>
		</tr>
	</tbody>
</table>

В первую строку добавляем bordercolor="red"
Получаем такую рамку таблицы

111

В коде это будет выглядеть так

<table border="1" bordercolor="red" cellpadding="1" cellspacing="1" style="width: 150px;">

Или можно подобрать Hex код цвета, через Color Picker


Аналогичная таблица, но с hex кодом цвета

111
bordercolor="#1c8534"
Ссылка на комментарий
Поделиться на другие сайты

Придать цвет фону ячейки таблицы

111

 

Код таблицы

<table border="1" cellpadding="1" cellspacing="1" style="width: 150px;">
	<tbody>
		<tr>
			<td>
				111
			</td>
		</tr>
	</tbody>
</table>

 

Таблица с фоном

111


В коде первоначальной таблицы заменяем

<td>
				111
			</td>

На

<td style="background-color:#f8e3ff;">
				111
			</td>

Где #f8e3ff — это hex код цвета нужного нам фона таблицы.

Ссылка на комментарий
Поделиться на другие сайты

Пожалуйста, войдите, чтобы комментировать

Вы сможете оставить комментарий после входа в



Войти


×
×
  • Создать...
Рейтинг@Mail.ru