Картинка на всю ширину ячейки таблицы

@Syltan · Регистрация: 27.08.2009

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

Как сделать картинку на всю ширину ячейки таблицы, что-то не выходит.
пробую так, самое простое.

HTML5
1
2
3
4
5
6
7
8
<table align="center"  border=10 bordercolor=breen>
<CAPTION align=bottom> Таблица калорийности яйца</CAPTION>
<tr>
  <td align=justify><img  src="kalorii.jpg" alt="Фото калории"></td>
<td>кДж</td>
<td>ккал</td>
</tr>
</table>

Картинка не растягивается по ширине ячейки.
Подскажите, как можно это сделать отдельно через CSS, или через HTML.
Заранее благодарю за скорый ответ.

@Syltan · 27.03.2010, 01:51 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<center>Калорийность продуктов. Яйцо и яйцепродукты</center>
<table width="587" height="251" border="5" bordercolor="#00FF00">
<CAPTION align=bottom > Таблица калорийности яйца</CAPTION>
 
  <tr bordercolor="#99FF66">
    <td width="100%"><img src="kalorii1.jpg" width="130" height="130" /></td>
    <td width="100%"><img src="kalorii2.jpg" width="130" height="130" /></td>
    <td width="100%"><img src="kalorii3.jpg" width="130" height="130" /></td>
    <td width="100%"><img src="kalorii4.jpg" width="130" height="130" /></td>
  </tr>
 
</table>

Отступы не убираются

@acupation · 27.03.2010, 01:56

Ошибочка)

@SkyWalker · 27.03.2010, 01:58

Сообщение от Syltan

Потому что ты пишешь не так как в примере! width - убери проценты. нужно писать вот так:

HTML5
1
<td width="250"><img src="photo.jpg" width="250" height="235" /></td>

чтоб width были одинаковы. посмотри внимательно пример!

@Syltan · 27.03.2010, 01:59 **[ТС]**

Так не лучше.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<center>Калорийность продуктов. Яйцо и яйцепродукты</center>
<table align="center" width="1%" height="1%" border="5" bordercolor="#00FF00">
<CAPTION align=bottom > Таблица калорийности яйца</CAPTION>
 
  <tr bordercolor="#99FF66">
    <td width="100%"><img src="kalorii1.jpg" width="100%" height="100%" /></td>
    <td width="100%"><img src="kalorii2.jpg" width="100%" height="100%" /></td>
    <td width="100%"><img src="kalorii3.jpg" width="100%" height="100%" /></td>
    <td width="100%"><img src="kalorii4.jpg" width="100%" height="100%" /></td>
  </tr>
 
</table>

@SkyWalker · 27.03.2010, 02:00

Сообщение от Syltan

Так не лучше.

Покажи полностью свой код

@acupation · 27.03.2010, 02:02

Code
1
<CAPTION align=bottom > Таблица калорийности яйца</CAPTION>

попробуй убрать этот код... Если тоже самое, то только код полностью давай.

@Syltan · 27.03.2010, 02:06 **[ТС]**

Вот страничка целиком

@acupation · 27.03.2010, 02:19

второй раз ошибаюсь. не привык я ещё к форуму

@SkyWalker · 27.03.2010, 02:19

Сообщение от Syltan

Вот страничка целиком

вот, я подправил. у меня все нормально отображается.

@acupation · 27.03.2010, 02:20

вот))

@Syltan · 27.03.2010, 02:25 **[ТС]**

У вас получается отступ слева, а я хочу по ширине картинки.
4 ряжом чтоб были, отделяясь толщиной рамки, без простарнства никакого.

@SkyWalker · 27.03.2010, 02:27

Сообщение от Syltan

У вас получается отступ слева, а я хочу по ширине картинки.

короче, у меня нету никакого отступа, вообще. не знаю, что там у тебя. читай книги и учи html. ИМХО

@Syltan · 27.03.2010, 02:31 **[ТС]**

Отступа у меня нету, на Мозиле только ,с ней всё хорошо, но отступ есть на ГУГД Хроме на ИЕ8 и опере, честное слово.

@acupation · 27.03.2010, 02:44

Хм.. закрыл браузер, открыл, открыл в 2 окнах. В одном все нормально, в другом и вправду как на картинке. Сижу ковыряю. Странное дело)

Добавлено через 11 минут
Нашел твою проблему. Удали из CSS строку
.otstyp{text-indent:1.5cm;}

@Syltan · 28.03.2010, 16:33 **[ТС]**

Да, действительно, я забыл закрыть див классом которым пользовался то есть - otstyp, и оно распространилось на таблицу. теперь ещё 1 проблемма. Произошёл отсуп сгизу, маленький.ю но всё же он есть, как его убрать?

Новые блоги и статьи Все статьи Все блоги /
FPS контроллер с анимированными Y-Bot и 3D-звуком miniaudio (Box3D, Recast, BehaviorTree.CPP, ozz-animation, ImGui, OpenGL и SDL3) 8Observer8 18.10.2026 Содержание блога \| English Version Полное мультиплатформенное руководство по стартовому проекту с FPS-контроллером игрока, анимированными роботами Y-Bot с 4-слойным блендингом, 3D-физикой Box3D,. . .	Локальный http сервер Argus19 17.10.2026 Локальный http сервер На работе, на двух локальных компьютерах круглосуточно работают программы опроса приборов с записью в книги Excel,которые раз в сутки записываются на сервер компании. Т. к. . . .	Копировать Windows на новый диск на UEFI damix 17.10.2026 https:/ / uriesk. wordpress. com/ 2016/ 11/ 01/ move-window-10-to-ssd-on-a-uefi-dualboot-system-with-basic-linux-tools/ TL DR Вставляем диск, а старый подключаем через переходник, грузимся с лайва. . .	ИИ не может найти нужный язык в списке Supersumestria 05.10.2026 Я ему даю вот такое изображение и прошу найти и подчеркнуть немецкий язык. Возвращает он вот это: https:/ / i. **********/ vqBWLe2. png Нужную строчку в 3й колонке просто выдумал. . Это. . .
Новая последняя моя музыка в SUNO zorxor 05.10.2026 Здравствуйте, дорогие мои друзья! С большой радостью я хотел бы представить вам свою новую последнею музыку, которую сгенерировала мне по моей просьбе нейросеть SUNO. С уважением, zorxor. Это. . .	Программный домашний кинотеатр russiannick 27.09.2026 Сподобился на программный домашний кинотеатр. В качестве ЯВУ по традиции выбрал js. В помощники взял Яндекс-Алису. Было создано три зала на разные интересы. исторические и ретро сериал Хичкок. . .	Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .

@acupation 67 / 67 / 6 Регистрация: 26.03.2010 Сообщений: 546
	27.03.2010, 01:56
	Ошибочка) 0

@acupation 67 / 67 / 6 Регистрация: 26.03.2010 Сообщений: 546
	27.03.2010, 02:19
	второй раз ошибаюсь. не привык я ещё к форуму 0

@Syltan 241 / 9 / 7 Регистрация: 27.08.2009 Сообщений: 868
	27.03.2010, 02:25 [ТС]
	У вас получается отступ слева, а я хочу по ширине картинки. 4 ряжом чтоб были, отделяясь толщиной рамки, без простарнства никакого. Миниатюры 0

@Syltan 241 / 9 / 7 Регистрация: 27.08.2009 Сообщений: 868
	27.03.2010, 02:31 [ТС]
	Отступа у меня нету, на Мозиле только ,с ней всё хорошо, но отступ есть на ГУГД Хроме на ИЕ8 и опере, честное слово. 0

@acupation 67 / 67 / 6 Регистрация: 26.03.2010 Сообщений: 546
	27.03.2010, 02:44
	Хм.. закрыл браузер, открыл, открыл в 2 окнах. В одном все нормально, в другом и вправду как на картинке. Сижу ковыряю. Странное дело) Добавлено через 11 минут Нашел твою проблему. Удали из CSS строку .otstyp{text-indent:1.5cm;} 1

@Syltan 241 / 9 / 7 Регистрация: 27.08.2009 Сообщений: 868
	28.03.2010, 16:33 [ТС]
	Да, действительно, я забыл закрыть див классом которым пользовался то есть - otstyp, и оно распространилось на таблицу. теперь ещё 1 проблемма. Произошёл отсуп сгизу, маленький.ю но всё же он есть, как его убрать? Миниатюры 0