Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Растягивание изображений

Обсуждение темы Растягивание изображений в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Доброго времени суток! Я знаю, что на этом сайте много людей которые занимаються серьёзными сайтами и которые не любят uCoz...Я люблю uCoz, не ...


Закрытая тема
 
Опции темы
Старый 16.08.2009, 19:18   #1
Доброго времени суток! Я знаю, что на этом сайте много людей которые занимаються серьёзными сайтами и которые не любят uCoz...Я люблю uCoz, не буду скрывать, я любитель и делаю сайт, для себя, стандартные дизайны заезделись и не удовлетворяют моим "требованиям" . Я знаю html и чуть чуть css. Сейчас мой сайт на стадии дизайна, html основа положена, карскасы и т.д и т.п сделанны. Дизайн в стадии зачатия...А теперь к проблемме...

Мне нужно сделать так, чтобы footer и шапка сайта растягивались по разрешению монитора пользователя Наверно это как то связанно с css, концы footer и шапки закругленные




Жду ваших советов, мнений и пожеланий. Заранее спасибо!
Изображения
Тип файла: jpg Untitled-1.jpg (68.3 Кб, 16 просмотров)
 
Старый 16.08.2009, 19:18
Ссылки
Старый 16.08.2009, 19:40   #2
делайте так,
<div width="100%">
<div width="5%">Левые края</div>
<div>Центральный блок</div>
<div width="5%">Правые края</div>
</div>

Дальше разберетесь
 
Этот пользователь сказал спасибо Dejust за это полезное сообщение:
Soulkeeper (17.08.2009)
Старый 17.08.2009, 00:28   #3
Тоесть надо разрезать footer на 3 картинки?

У меня footer разделен на 2 колонки

Код:
<table border="0" cellpadding="4" cellspacing="0" width="1260" height="50" style="border:0px solid #A9B8C2;">
<tr><td align="center" style="background-image:url(/image/footer1.png); margin-top:3px;repeat:none; "><!-- <copy> -->Copyright MyCorp &copy; $YEAR$<!-- </copy> --></td></tr>
<tr><td align="center" style="background-image:url(/image/footer2.png); margin-top:3px;repeat:none;">$POWERED_BY$</td></tr>
</table>
Кому не трудно предложите переделанный код, или объясните)

Последний раз редактировалось Soulkeeper; 17.08.2009 в 00:31..
 
Старый 17.08.2009, 06:05   #4
Цитата:
Сообщение от Soulkeeper Посмотреть сообщение
Тоесть надо разрезать footer на 3 картинки
ага.

Насчет вашего кода несовсем понял, там как то две строки и одна колонка...

Вот тут немного измененный, 1 строчка, 3 колонки... Не забудьте подставить свои значения и вырезать 3 картинку(footer3.png я ее назвал)

Код HTML:
<table style="border:0px; width: 100%; height:50px; padding: 0;">
<tr><td style="background-image:url(/image/footer1.png); margin-top:3px;repeat:none; width:ширина левой картинки "></td>
<td align="center" style="background-image:url(/image/footer2.png); margin-top:3px;repeat:none; width: ширина основного контейнера">Copyright MyCorp &copy; $YEAR$ $POWERED_BY$</td>
<td align="right" style="background-image:url(/image/footer3.png); margin-top:3px;repeat:none; width: ширина правой картинки;"> </td></tr>
</table>
 
Старый 17.08.2009, 10:51   #5
Soulkeeper, предупреждение за невнимательность. тема переезжает в правильный раздел, т.к. к "векторному арту" это точно не относится.

Последний раз редактировалось Mortis; 17.08.2009 в 10:57..
 
Старый 17.08.2009, 10:51
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
растягивание div в зависимости от другого div Serial HTML, CSS, JavaScript 3 13.05.2012 04:00
Уникализатор изображений abcdseo ASP, Perl, PHP и MySQL 0 01.05.2011 14:58
Растягивание div Света HTML, CSS, JavaScript 2 09.01.2008 20:20
Смена изображений, Загрузка изображений из директории Игорь Каштанов ASP, Perl, PHP и MySQL 3 06.09.2004 00:32
Прелоадинг изображений yang Зал дебютантов 4 17.10.2003 04:13


Текущее время: 00:19. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум