• Страница 1 из 1
  • 1
Помогите с картинками.
Stas10
Дата: Среда, 04.11.2009, 15:10 | Сообщение # 1
шептун
Группа: Проверенные
Пользователь №: 357
Сообщений: 80
Как закрепить картинки на одном месте в шаблоне, а то я когда например захожу на сайт, и наверху появляется админ-бар то картинка поднимается на вверх, т.е картинка остается на одном месте а шаблон сползает вниз. Вот как ее закрепить чтоб она двигалась вместе со всей страницей.
  
UnderShot
Дата: Среда, 04.11.2009, 17:59 | Сообщение # 2
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Stas10,
Code

<style type='text/css'>
html,body{background:url(моя_картинка) no-repeat top;}
</style>


Очень важная тема!
Filmzona — онлайн фильмы.
  
Stas10
Дата: Среда, 11.11.2009, 10:39 | Сообщение # 3
шептун
Группа: Проверенные
Пользователь №: 357
Сообщений: 80
Не не то. Моя картинка в шаблоне задана вот этой строчкой:
Code

<img src="piс.png" border="0" style="position: absolute; right: 0px; bottom: 0px;" />  

Ну для того чтоб двигать ее по осям.. понятно вроде.
А когда я скрываю например панель uCoz'а то она поднимается вверх.. ненаю почему.
Вот подскажите как ее закрепить строго на одном месте, так сказать привязать.
  
Wlodzimierz
Дата: Среда, 11.11.2009, 11:46 | Сообщение # 4
молчун
Группа: Проверенные
Пользователь №: 228
Сообщений: 46
Получено оценок: 4
Скрой админ-бар ;)
Code
#puzadpn {display:none}


Статусы
  
Maivan
Дата: Среда, 11.11.2009, 11:53 | Сообщение # 5
молчун
Группа: Проверенные
Пользователь №: 361
Сообщений: 25
Получено оценок: 6
Code
<img src="piс.png" border="0" style="position: fixed; right: 0px; bottom: 0px;" />

Попробуй так.

  
Stas10
Дата: Среда, 11.11.2009, 13:31 | Сообщение # 6
шептун
Группа: Проверенные
Пользователь №: 357
Сообщений: 80
Все равно не помогает, такое чувство что картинка и сайт это 2 разные вещи в окне браузера.. Дело даже не в админ баре: установил я яндекс бар и картинка сместилась еще выше, установил я гугл бар она еще выше. Убрал бары она встала обратно на местот. е она закреплена(картинка) в окне браузера, а не на шаблоне сайта..
  
Stas10
Дата: Среда, 11.11.2009, 13:45 | Сообщение # 7
шептун
Группа: Проверенные
Пользователь №: 357
Сообщений: 80
Все разобрался, помог вот этот код:
Code

<span><a href="#"><img src="http://ffreestyle.ru/rss.png" border="0" /></a></span>
  
OnMusic
Дата: Среда, 11.11.2009, 17:58 | Сообщение # 8
говорун
Группа: Проверенные
Пользователь №: 120
Сообщений: 158
Получено оценок: 11
Попробуй сделать через ксс

Code
<style type='text/css'>  
body { background: url("ПУТь К РИСУНКУ");   
background-attachment: fixed;    
</style>

ХТМЛ код

Code
<body background="background="ПУТь К РИСУНКУ" bgproperties="fixed" right: 0px; bottom: 0px; border: 0px; >
  
Stas10
Дата: Четверг, 12.11.2009, 14:27 | Сообщение # 9
шептун
Группа: Проверенные
Пользователь №: 357
Сообщений: 80
OnMusic, Нет не помогает, картинки вообще нет и во вторых если я использую вот так вот:
Code
<span><a href="#"><img src="http://ffreestyle.ru/rss.png" border="0" /></a></span>

То все работает, но картинку как я уже сказал двигать не получается.
И если я использую вот так:
Code
<span><a href="#"><img src="http://ffreestyle.ru/rss.png" border="0" [color=#f00]style="right: 0px; bottom: 0px;[/color] /></a></span>
или вот так:
Code
<body background="background="ПУТь К РИСУНКУ" bgproperties="fixed" [color=#f00]right: 0px; bottom: 0px; border: 0px;[/color] >
то весь код после этих записей становиться красным.
Так можно ли именно картинку вставленную вот этим способом:
Code
<span><a href="#"><img src="http://ffreestyle.ru/rss.png" border="0" /></a></span>
двигать?:) Так как этот то самое что я искал.
  
Stas10
Дата: Четверг, 12.11.2009, 17:05 | Сообщение # 10
шептун
Группа: Проверенные
Пользователь №: 357
Сообщений: 80
Все ребята помощь не нужна, чуток похимича с разними кодами пришел вот к такой связке:
Code
<span><a href="http://gg.ru/rss"><img src="http://gg.ru/rss.png" border="0" style="position: relative; right: 100px; bottom: 24px;" /></a></span>

Которая соответствует моим требованиям и работает на ура king


Сообщение отредактировал Stas10 - Четверг, 12.11.2009, 17:06
  
DSC
Дата: Четверг, 12.11.2009, 17:44 | Сообщение # 11
спикер
Группа: Проверенные
Пользователь №: 127
Сообщений: 516
Получено оценок: 41
Stas10, "position: relative;" - это опора, а "position:absolute;" - это содержание опоры чтоли, ну, в общем, если ты не хочешь в это изображение ничего пихать, то ставь "position:absolute;"

aka Latro
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.