X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Подскажите, как правильно сделать фон
NadLena
NadLena
Topic Starter сообщение 27.1.2009, 13:29; Ответить: NadLena
Сообщение #1


доброе время суток.
требуется подсказка знающего человека:
есть дизайн узорчатый (2 немаленьких рисунка для вверха и низа страницы) - дизайнер подразумевал, что это будет фон, причем резиновый (рисунки остаются на своих местах - однин вверху страницы [IMG]http://www.proga.dp.ua/images/flowUp_mini.jpg[/IMG], другой внизу [IMG]http://www.proga.dp.ua/images/flowDown_mini.jpg[/IMG],а между ними "резиновый" сектор [IMG]http://www.proga.dp.ua/images/midl2_mini.jpg[/IMG]).
Без текстов у меня все получается (картинки помещала в ячейки таблицы), но это не подходит :cry: - картинки нужны как фон.
Можно ли это с помощью чего-то сделать или надо изменить дизайн ? :eek:
Очень надеюсь на помощью :)
p.s. не нашла подобного вопроса в форуме:pardon:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 27.1.2009, 13:33; Ответить: MetSerp
Сообщение #2


нужна 3 я картинка в средину которая даже при повторение (из за растягивания страницы) не будет показывать стык изображений учитывая узор это очень сложная работа для дизайнера :nea:
Или я не верно понял вопрос и вам просто нужно растянуть вон ту зелененькую картинку, то проще сделать ячейке с контентом цветовую заливку соответсвующим цветом нежели лепить туда картинку.
Но я все равно не до конца понимаю в чем вопрос.
Если в том как выставить ячейке фон то это:
#cellname {
background-image:url(адрес);// для картинки
background-color:#00CC00; // для цвета
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 27.1.2009, 14:05; Ответить: Webmaster_hb
Сообщение #3


если таблицами, то делаете таблицу
на 3 ячейки. размер первой задаете фиксировано, и кладете свою картинку на фон
аналогично с последней ячейкой

средняя ячейка размерами не задается, в ней только указывается фоновая картинка
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NadLena
NadLena
Topic Starter сообщение 27.1.2009, 18:51; Ответить: NadLena
Сообщение #4


сорри, наверное я плохо сформулировала :pardon:. Вариант с таблицей не подходит, т.к. если верхнюю и нижнюю картинку вставить в ячейки, то тогда текст поверх не располагается, а если сделать их фоном ячеек, то они тоже растягиваются.
А можно как-то закрепить одну вверху (точные координаты есть), а вторую внизу (плавающие координаты, в зависимости от наполнения страницы), но чтобы они являлись общим фоном и не мещали вводить текст и прочее?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 27.1.2009, 19:09; Ответить: Webmaster_hb
Сообщение #5


NadLena, еще раз повторюсь
выложите макет - рисунок с текстом
как оно должно выглядеть в идеале!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NadLena
NadLena
Topic Starter сообщение 27.1.2009, 19:36; Ответить: NadLena
Сообщение #6


я просто не могу понять "макет - рисунок с текстом" - это что? и как его выложить? У меня нет макета с текстом, только такой рисунок [IMG]http://www.proga.dp.ua/images/mainF.jpg[/IMG]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nightfly_hb
Nightfly_hb
сообщение 27.1.2009, 20:14; Ответить: Nightfly_hb
Сообщение #7


должно быть так?
[PHP]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
<!--
BODY {
margin: 0;
padding: 0;
margin-top: 0px;
}
.up {
background-image:url(up.jpg);
background-repeat: no-repeat;
}
.down {
background-image:url(down.jpg);
background-repeat: no-repeat;
}
-->
</style></head>

<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#93DB4B">&nbsp;</td>
<td width="598" height="266" bgcolor="#93DB4B" class="up">&nbsp;</td>
<td bgcolor="#93DB4B">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#93DB4B">&nbsp;</td>
<td bgcolor="#93DB4B"><p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></td>
<td bgcolor="#93DB4B">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#93DB4B">&nbsp;</td>
<td width="598" height="266" bgcolor="#93DB4B" class="down">&nbsp;</td>
<td bgcolor="#93DB4B">&nbsp;</td>
</tr>
</table>
</body>
</html>[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nightfly_hb
Nightfly_hb
сообщение 27.1.2009, 20:39; Ответить: Nightfly_hb
Сообщение #8


кажется понял
[PHP]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
<!--
BODY {
margin: 0;
padding: 0;
margin-top: 0px;
background-color: #93DB4B;
}
.up {
background-image:url(up.jpg);
background-repeat: no-repeat;
background-color: #93DB4B;
}
.down {
background-image:url(down.jpg);
background-repeat: no-repeat;
background-color: #93DB4B;
}
-->
</style></head>

<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="up"><p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>сорри, наверное я плохо сформулировала . Вариант с таблицей не подходит, т.к. если верхнюю и нижнюю картинку вставить в ячейки, то тогда текст поверх не располагается, а если сделать их фоном ячеек, то они тоже растягиваются.
А можно как-то закрепить одну вверху (точные координаты есть), а вторую внизу (плавающие координаты, в зависимости от наполнения страницы), но чтобы они являлись общим фоном и не мещали вводить текст и прочее?
сорри, наверное я плохо сформулировала . Вариант с таблицей не подходит, т.к. если верхнюю и нижнюю картинку вставить в ячейки, то тогда текст поверх не располагается, а если сделать их фоном ячеек, то они тоже растягиваются.
А можно как-то закрепить одну вверху (точные координаты есть), а вторую внизу (плавающие координаты, в зависимости от наполнения страницы), но чтобы они являлись общим фоном и не мещали вводить текст и прочее?</p>
<p>сорри, наверное я плохо сформулировала . Вариант с таблицей не подходит, т.к. если верхнюю и нижнюю картинку вставить в ячейки, то тогда текст поверх не располагается, а если сделать их фоном ячеек, то они тоже растягиваются.
А можно как-то закрепить одну вверху (точные координаты есть), а вторую внизу (плавающие координаты, в зависимости от наполнения страницы), но чтобы они являлись общим фоном и не мещали вводить текст и прочее?
сорри, наверное я плохо сформулировала . Вариант с таблицей не подходит, т.к. если верхнюю и нижнюю картинку вставить в ячейки, то тогда текст поверх не располагается, а если сделать их фоном ячеек, то они тоже растягиваются.
А можно как-то закрепить одну вверху (точные координаты есть), а вторую внизу (плавающие координаты, в зависимости от наполнения страницы), но чтобы они являлись общим фоном и не мещали вводить текст и прочее?</p></td>
</tr>
<tr>
<td width="800" height="365" class="down">&nbsp;</td>
</tr>
</table>
</body>
</html>[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NadLena
NadLena
Topic Starter сообщение 27.1.2009, 20:44; Ответить: NadLena
Сообщение #9


Sandman, спасибо :goodpost:
p.s. интересно, а со слоями (и без таблицы) такое можно сделать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nightfly_hb
Nightfly_hb
сообщение 27.1.2009, 20:45; Ответить: Nightfly_hb
Сообщение #10


вариантов извратица много
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
11 Boymaster 1801 17.4.2024, 23:35
автор: Boymaster
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
29 freeax 4810 17.4.2024, 1:19
автор: sergio11
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
148 adw-kupon.ru 19707 8.4.2024, 10:37
автор: Skyworker
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
18 uahomka 3100 5.4.2024, 5:53
автор: Skyworker
Горячая тема (нет новых ответов) Как бездомные хранят деньги?
81 metvekot 13655 31.3.2024, 12:44
автор: Boymaster


 



RSS Текстовая версия Сейчас: 19.4.2024, 14:06
Дизайн