Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
7 / 7 / 6
Регистрация: 02.04.2012
Сообщений: 321

В таблице растянуть фон по ширине

07.06.2016, 14:43. Показов 1092. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день!

Есть горизонтальная таблица:

HTML5
1
2
3
4
5
6
7
<table width="100%" height="300px">
<tr id="fon">
<td width="30%"></td>
<td width="35%"></td>
<td width="25%"></td>
</tr>
</table>
К этой таблице прилагается картинка которая будет использована как фон [1920px] x [300px].

Прописал style
CSS
1
2
3
#fon {
background: url(fon.jpg);
}
И столкнулся с тем, что фоновая картинка по новой загружается в каждой ячейке td!

Как сделать так, чтобы фоновая картинка была резиновой, растягивалась между тремя ячейками td по ширине, высота фиксированная 300px?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
07.06.2016, 14:43
Ответы с готовыми решениями:

Растянуть фон пункта меню по ширине
Добрый день. Сайт на ЦМС. Есть меню, где фон пункта меню - статическая картинка. Но пункты меню разной длины, background-size не...

Растянуть ul li по ширине
Есть див times, в нем список Как мне его растянуть по ширине дива? &lt;div id='times'&gt; &lt;ul id=&quot;ul_times&quot;&gt; ...

Растянуть блоки по ширине
Ребята, выручайте. 2 дня не могу сверстать табы. В принципе если бы была одноуровневая менюшка, то с помощью табличного отображения все...

1
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
07.06.2016, 15:36
MrRuslanBB,
HTML5
1
2
3
4
5
6
7
<table width="100%" height="300px"  id="fon">
<tr>
<td width="30%"></td>
<td width="35%"></td>
<td width="25%"></td>
</tr>
</table>
вот так
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
07.06.2016, 15:36
Помогаю со студенческими работами здесь

Растянуть баннер по ширине страницы
Добрый день! Делал себе баннеры на flash и as3, как вдруг гугл закрыл swiffy(применялась для конвертации swf в html5). Работаю в Adobe...

Как растянуть сайт по ширине?
Добрый день! Сделал сайт на маке (там все норм отображается), но столкнулся с проблемой. При отображении в любом браузере на винде сайт...

Как растянуть по ширине шапку и подвал
Имеется шаблон фиксированной ширины, но нужно чтобы шапка и подвал (точнее, фон) растягивались на всю ширину экрана, а тело шаблона...

Как растянуть 3 кнопки по ширине layout?
Вот 3 кнопки, которые нужно растнуть? чтоб они были одинаковой ширины и заняли всю ширину layout Где и какой параметр...

Растянуть inline-div по ширине родителя
Добрый вечер. Возникла проблемка с inline блоками. Есть код: &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=&quot;Content-Type&quot;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru