HTML таблицы - Вставка объектов

@vitokor · Регистрация: 25.11.2015

Author24 — интернет-сервис помощи студентам

Доброго времени суток всем.
Прошу помочь со вставкой объектов в html таблицу, созданную при помощи <table>.
При вставки объекта (допустим картинки), таблица растягивается. Нужно, чтобы ячейки таблицы не меняли своего положения и размеров. Перепробовал многое, но я новичок в html

Вот мой код:

Кликните здесь для просмотра всего текста

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>Таблица</title>
<meta charset='utf-8' >
<style>
body {
background: #BEE2EB
}
</style>
</head>

<body>

<table width=100% style="height:100%" align=center border=2 cellspacing=0 cellpadding=0 name=table1>
<tr><td rowspan=2 colspan=3> </td><td colspan=2></td></tr>
<tr><td rowspan=2> </td><td rowspan=2> </td></tr>
<tr><td rowspan=6> </td><td rowspan=6> </td><td rowspan=6> </td></tr>
<tr><td colspan=2> </td></tr>
<tr><td colspan=2> </td></tr>
</table>

</body>

</html>

(   при вставке убираю )

@vitsuk · 08.12.2015, 12:34

vitokor, Так дайте ячейкам жесткие рамки в чем проблема то?

@newJS · 09.12.2015, 05:41

не надо использовать атрибуты, надо css использовать

HTML5

1	<td rowspan=6>

нужны кавычки, и 6 это много, или я не понял что ты хотел этим количеством получить

HTML5

<table width=100% style="height:100%" align=center border=2 cellspacing=0 cellpadding=0 name=table1>
<tr><td rowspan=2 colspan=3>&nbsp;1</td><td colspan=2>2</td></tr>
<tr><td rowspan=2>&nbsp;3</td><td rowspan=2>&nbsp;4</td></tr>
<tr><td rowspan=6>&nbsp;5</td><td rowspan=6>&nbsp;6</td><td rowspan=6>&nbsp;7</td></tr>
<tr><td colspan=2>&nbsp;8</td></tr>
<tr><td colspan=2>&nbsp;9</td></tr>
</table>
 
<br>
<style type="text/css">
.slyTaBlya {border-collapse:collapse; width:100%;}
.slyTaBlya td {border:1px solid black; padding:5px; vertical-align:top; width:20%;}
.slyTaBlya div {overflow:auto; width:150px; height:100px;}
</style>
 
<table class="slyTaBlya">
<tr>
<td rowspan="2" colspan="3">0</td>
<td colspan="2">3</td>
</tr>
<tr>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td rowspan="2"><div><img src="pics/nature_001.jpg" alt=""></div></td>
<td rowspan="2">11</td>
<td rowspan="2">12</td>
<td colspan="2">13</td>
</tr>
<tr>
<td colspan="2">18</td>
</tr></table>

используй генератор таблиц, адрес в подписи

Новые блоги и статьи
Книги и учебные ресурсы по C# InfoMaster 08.01.2025 Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .	Что такое NullReferenceException и как исправить? InfoMaster 08.01.2025 NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .	Что такое Null Pointer Exception (NPE) и как это исправить? InfoMaster 08.01.2025 Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .	Русский язык в консоли C++ InfoMaster 08.01.2025 При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .	Telegram бот на C# InfoMaster 08.01.2025 Разработка ботов для Telegram стала неотъемлемой частью современной экосистемы мессенджеров. C# предоставляет мощный и удобный инструментарий для создания разнообразных ботов, от простых. . .	Использование GraphQL в Go (Golang) InfoMaster 08.01.2025 Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .
Что лучше использовать при создании класса в Java: сеттеры или конструктор? Alexander-7 08.01.2025 Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .	Как работать с GraphQL на TypeScript InfoMaster 08.01.2025 Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .	Счётчик на базе сумматоров + регистров и генератора сигналов согласования. Hrethgir 07.01.2025 Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .	Как перейти с Options API на Composition API в Vue.js BasicMan 06.01.2025 Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .	Архитектура современных процессоров inter-admin 06.01.2025 Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .	История создания реляционной модели баз данных, правила Кодда Programming 06.01.2025 Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .

@vitokor 0 / 0 / 0 Регистрация: 25.11.2015 Сообщений: 5
		1
	HTML таблицы - Вставка объектов 08.12.2015, 11:34. Показов 2124. Ответов 2 Метки нет (Все метки) Доброго времени суток всем. Прошу помочь со вставкой объектов в html таблицу, созданную при помощи <table>. При вставки объекта (допустим картинки), таблица растягивается. Нужно, чтобы ячейки таблицы не меняли своего положения и размеров. Перепробовал многое, но я новичок в html Вот мой код: Кликните здесь для просмотра всего текста <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Таблица</title> <meta charset='utf-8' > <style> body { background: #BEE2EB } </style> </head> <body> <table width=100% style="height:100%" align=center border=2 cellspacing=0 cellpadding=0 name=table1> <tr><td rowspan=2 colspan=3> </td><td colspan=2></td></tr> <tr><td rowspan=2> </td><td rowspan=2> </td></tr> <tr><td rowspan=6> </td><td rowspan=6> </td><td rowspan=6> </td></tr> <tr><td colspan=2> </td></tr> <tr><td colspan=2> </td></tr> </table> </body> </html> (   при вставке убираю ) 0

@vitsuk 31 / 24 / 5 Регистрация: 15.11.2015 Сообщений: 140
	08.12.2015, 12:34	2
	vitokor, Так дайте ячейкам жесткие рамки в чем проблема то? 0

	09.12.2015, 05:41

HTML таблицы - Вставка объектов

Решение