Studio AD : Как соединить картинку с футером

Дата: Суббота, 15.08.2009, 16:23 | Сообщение # 1

говорун

Группа: Проверенные

Пользователь №: 25

Сообщений: 185

Получено оценок: 6

Как правую картинку соединить с футером? Пробовал маргины, паддинги и тд - ничего не действует. Вот сайт

P.S вот css стили от футера и правой колонки

Code

#footer {background:url('/images/footer.gif');height:102px;background-position:center;}

Code

#right {background:url('/images/img_1.png');float:right;width:320px;height:707px;no-repeat;margin-right:1.3%;}

Сообщение отредактировал MadeMan - Суббота, 15.08.2009, 16:28

Дата: Суббота, 15.08.2009, 17:05 | Сообщение # 2

говорун

Группа: Проверенные

Пользователь №: 26

Сообщений: 236

Получено оценок: 13

стили для #container не прописал,пропиши и для #wrapper

Сообщение отредактировал dancelot - Суббота, 15.08.2009, 17:11

Дата: Суббота, 15.08.2009, 17:07 | Сообщение # 3

говорун

Группа: Проверенные

Пользователь №: 25

Сообщений: 185

Получено оценок: 6

dancelot, а что прописать? Я не понял что-то...

n1ght(o_O)

Дата: Суббота, 15.08.2009, 17:08 | Сообщение # 4

говорун

Группа: Проверенные

Пользователь №: 10

Сообщений: 180

Получено оценок: 6

Карма: 30

http://studioad.ru/index/0-10
wink

Сообщение отредактировал n1ght(o_O) - Суббота, 15.08.2009, 17:09

Дата: Суббота, 15.08.2009, 17:12 | Сообщение # 5

говорун

Группа: Проверенные

Пользователь №: 26

Сообщений: 236

Получено оценок: 13

MadeMan, как что? у тебя блоки вложены в контейнер,который в свою очередь содержится в блоке wrapper, как браузер определит,к примеру, размеры контейнера и блока,если они не прописаны?

Дата: Суббота, 15.08.2009, 17:12 | Сообщение # 6

говорун

Группа: Проверенные

Пользователь №: 25

Сообщений: 185

Получено оценок: 6

Мне вот такая вёрстка нужна.

Дата: Суббота, 15.08.2009, 17:13 | Сообщение # 7

говорун

Группа: Проверенные

Пользователь №: 26

Сообщений: 236

Получено оценок: 13

http://studioad.ru/index/divit/divit_1.txt

Дата: Суббота, 15.08.2009, 17:15 | Сообщение # 8

говорун

Группа: Проверенные

Пользователь №: 25

Сообщений: 185

Получено оценок: 6

dancelot, Я знаю, я так и делаю. Начнём с того, что контейнера в этой виде вёрстки нету. Блоки у меня не в контейнере, а отдельно прописаны #right

Сообщение отредактировал MadeMan - Суббота, 15.08.2009, 17:15

Дата: Суббота, 15.08.2009, 17:20 | Сообщение # 9

говорун

Группа: Проверенные

Пользователь №: 26

Сообщений: 236

Получено оценок: 13

MadeMan, а это что?)

Code

Aleko

Дата: Суббота, 15.08.2009, 17:22 | Сообщение # 10

Watching you

Группа: Администраторы

Пользователь №: 2

Сообщений: 1621

Получено оценок: 167

Карма: 193

У тебя много ошибок в коде. К примеру доктайп на ucoz нужно прописывать в общих настройках а не в шаблоне. Ссылки на файлы стилей ставятся в <head> ну и так далее.

И с твоим типом и знанием верстки лучше верстать таблицей:

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Название</title>
<style>
html, body {margin:0;height:100%;}
#container {border-collapse:collapse;margin:0;padding:0;height:100%;width:100%;}
#container td{margin:0;padding:0}
</style>
</head>
<body>
<table id=container><tbody>
<tr><td colspan=2 id=header>верх</td></tr>
<tr><td id=left>лево</td><td id=right>право</td></tr>
<tr><td colspan=2 id=footer>низ</td></tr>
</tbody></table>
</body>
</html>

Бесплатные обои.

Дата: Суббота, 15.08.2009, 17:22 | Сообщение # 11

говорун

Группа: Проверенные

Пользователь №: 25

Сообщений: 185

Получено оценок: 6

Хм, а его тут не было)

Code

html, body {margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {height:200px;}
#right {float:right;width:200px;}
#left {margin-right:200px;}
#spacer {height:100px;}
#footer {height:100px;margin-top:-100px;}
.clear {clear:both;}

Дата: Суббота, 15.08.2009, 17:24 | Сообщение # 12

говорун

Группа: Проверенные

Пользователь №: 26

Сообщений: 236

Получено оценок: 13

Quote (MadeMan)

Хм, а его тут не было)

хм)вот гады,да? не прописали)))

Дата: Суббота, 15.08.2009, 17:24 | Сообщение # 13

говорун

Группа: Проверенные

Пользователь №: 25

Сообщений: 185

Получено оценок: 6

dancelot, ага)))

Aleko

Дата: Суббота, 15.08.2009, 17:26 | Сообщение # 14

Watching you

Группа: Администраторы

Пользователь №: 2

Сообщений: 1621

Получено оценок: 167

Карма: 193

Посмотрите внизу первой страницы этой темы.

Бесплатные обои.

Дата: Суббота, 15.08.2009, 17:27 | Сообщение # 15

говорун

Группа: Проверенные

Пользователь №: 25

Сообщений: 185

Получено оценок: 6

Aleko, Уже посмотрел) Спасибо smile

Дата: Суббота, 15.08.2009, 17:36 | Сообщение # 16

говорун

Группа: Проверенные

Пользователь №: 25

Сообщений: 185

Получено оценок: 6

Всё равно что-то не то получается...

Вот html код:

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<link type="text/css" rel="StyleSheet" href="http://ssfilms.ucoz.ru/_st/my.css" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Название</title>
</head>
<body>
<table id=container><tbody>
<tr><td colspan=2 id=header>верх</td></tr>
<tr><td id=left>лево</td><td id=right>право</td></tr>
<tr><td colspan=2 id=footer>$POWERED_BY$</td></tr>
</tbody></table>
</body>
</html>

И вот css:

Code

html, body {margin:0;height:100%;}
#container {border-collapse:collapse;margin:0;padding:0;height:100%;width:100%;}
#container td{margin:0;padding:0}
#right {background:url('/images/img_1.png');float:right;width:320px;height:707px;no-repeat;}
#left {background:url('/images/img_2.png');margin-left:15px;height:669px;width:900px;}
#spacer {height:100px;}
#footer {background:url('/images/footer.gif');height:102px;background-position:center;}
#text-decoration {font-family:arial-black;float:right;}
.clear {clear:both;}

Картинки не ровно стоят sad

n1ght(o_O)

Дата: Суббота, 15.08.2009, 17:57 | Сообщение # 17

говорун

Группа: Проверенные

Пользователь №: 10

Сообщений: 180

Получено оценок: 6

Карма: 30

MadeMan, Так картинки не под эту верстку!Логично изменить размер wink

Дата: Суббота, 15.08.2009, 18:43 | Сообщение # 18

говорун

Группа: Проверенные

Пользователь №: 25

Сообщений: 185

Получено оценок: 6

Что-то я в css изменяю, а результат остается таким же, т.е не изменяется ничего на сайте.

n1ght(o_O)

Дата: Суббота, 15.08.2009, 18:45 | Сообщение # 19

говорун

Группа: Проверенные

Пользователь №: 10

Сообщений: 180

Получено оценок: 6

Карма: 30

MadeMan, печеньки чисти smile

Дата: Суббота, 15.08.2009, 18:46 | Сообщение # 20

говорун

Группа: Проверенные

Пользователь №: 25

Сообщений: 185

Получено оценок: 6

n1ght(o_O), куки?

Дата: Суббота, 15.08.2009, 18:47 | Сообщение # 21

говорун

Группа: Проверенные

Пользователь №: 26

Сообщений: 236

Получено оценок: 13

MadeMan, создай отдельный файл стилей,назови его к примеру style.css и пропиши его в коде шаблона вместо http://ssfilms.ucoz.ru/_st/my.css. И в этом файле style.css всё прописывай и редактируй,тогда и всё ровно будет,а в шаблоне "Таблица стилей CSS" ничего не редактируй,а то опять все стили полетят.

Дата: Суббота, 15.08.2009, 18:51 | Сообщение # 22

говорун

Группа: Проверенные

Пользователь №: 25

Сообщений: 185

Получено оценок: 6

dancelot, да это я знаю)))