вставка изображения в объединенную ячейку

Alex777 · 03.07.2014, 20:38

Подскажите пожалуйста!
Необходимо вставить фоновую картинку в ячейку таблицы (подвал сайта). Ячейка состоит из двух объединенных горизонтальных ячеек. Размер изображения соответствует размеру объединенной ячейки ширина 1024px высота 40px. Но изображение "выезжает" справа за пределы ячейки. Получается так:333.jpg, а необходимо так 444.jpg.
HTML:
<TR >
<TD class="footer" colspan="2" width="1024" height="40" ></TD>
</TR>
CSS:
.footer
{
background-image:url('images/footer.gif');
center center;
border-collapse:collapse;
height:40px;
width:1024px;
}
Подскажите, что не так? Почему четко не вставляется в рамки двойной ячейки?

Jeanne · 03.07.2014, 22:00

не тот раздел

Добавлено через 1 минуту

-24px от ширины, а потом auto наверно (тут ширина прокрутки мешает)

Alex777 · 03.07.2014, 23:09

А можно подробней. Я не очень понял, что с шириной сделать и куда auto. Это мой первый сайт)

Jeanne · 04.07.2014, 00:53

margin: 0, auto; чтоб по центру по ширине стояло

Hispanic · 04.07.2014, 11:17

скорее всего no-repeat и 0 0, размер нужно table задавать, td на него не реагирует если таблица больше
ах да) первый сайт

background:url('images/footer.gif') 0 0 no-repeat;

Alex777 · 04.07.2014, 18:15

Все советы перепробовал. Не помогло

. У меня в стилях есть еще код, который относится к этому блоку. Может там напортачил:
BODY
{
margin:0;
}

TABLE
{
WIDTH="1024px"
padding:0px;
border-style:none;
border-spacing:0px;
border-collapse: collapse;
}

Hispanic · 04.07.2014, 20:20

выложи архив

Alex777 · 04.07.2014, 22:46

В смысле, архивом весь html и css?

Hispanic · 05.07.2014, 00:23

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

Alex777 · 05.07.2014, 10:36

Вот архивчик сайт.zip. Там только нескольких изображений не хватает (доробатываю), но они к делу не относятся. И вторую страничку не стал выкладывать, она почти такая же.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Вставка изображения / текста в PDF файл	lsaintl	Софтодром	7	11.04.2012 22:21
вставка изображения с полутонами	icn4	HTML, CSS, JavaScript	7	17.01.2008 12:22
Вставка рисунка в ячейку таблицы	Stalko	HTML, CSS, JavaScript	5	24.05.2006 23:57
Перетекание текста из ячейки в ячейку	zero.module	HTML, CSS, JavaScript	10	27.01.2006 10:18
Как сделать ячейку таблицы ссылкой?...	Silver	HTML, CSS, JavaScript	0	06.07.2003 12:35

03.07.2014, 20:38	#1
Alex777	Подскажите пожалуйста! Необходимо вставить фоновую картинку в ячейку таблицы (подвал сайта). Ячейка состоит из двух объединенных горизонтальных ячеек. Размер изображения соответствует размеру объединенной ячейки ширина 1024px высота 40px. Но изображение "выезжает" справа за пределы ячейки. Получается так:333.jpg, а необходимо так 444.jpg. HTML: <TR > <TD class="footer" colspan="2" width="1024" height="40" ></TD> </TR> CSS: .footer { background-image:url('images/footer.gif'); center center; border-collapse:collapse; height:40px; width:1024px; } Подскажите, что не так? Почему четко не вставляется в рамки двойной ячейки?

03.07.2014, 22:00	#2
Jeanne	не тот раздел Добавлено через 1 минуту -24px от ширины, а потом auto наверно (тут ширина прокрутки мешает) Последний раз редактировалось Jeanne; 03.07.2014 в 22:00.. Причина: Добавлено сообщение

03.07.2014, 23:09	#3
Alex777	А можно подробней. Я не очень понял, что с шириной сделать и куда auto. Это мой первый сайт)

04.07.2014, 00:53	#4
Jeanne	margin: 0, auto; чтоб по центру по ширине стояло

04.07.2014, 11:17	#5
Hispanic	скорее всего no-repeat и 0 0, размер нужно table задавать, td на него не реагирует если таблица больше ах да) первый сайт background:url('images/footer.gif') 0 0 no-repeat;

04.07.2014, 18:15	#6
Alex777	Все советы перепробовал. Не помогло . У меня в стилях есть еще код, который относится к этому блоку. Может там напортачил: BODY { margin:0; } TABLE { WIDTH="1024px" padding:0px; border-style:none; border-spacing:0px; border-collapse: collapse; }

04.07.2014, 22:46	#8
Alex777	В смысле, архивом весь html и css?

05.07.2014, 00:23	#9
Hispanic	И картинки, ну или выложы куда нибудь что бы можно было посмотреть, ошибка может быть где угодно, с той информацией что ты дал я не понимаю в чем дело

05.07.2014, 10:36	#10
Alex777	Вот архивчик сайт.zip. Там только нескольких изображений не хватает (доробатываю), но они к делу не относятся. И вторую страничку не стал выкладывать, она почти такая же.