Пятница, 17.05.2024, 16:24 | Вы вошли как Гость | Группа "Гости"

IFrameContainer

Alternative content

Get Adobe Flash player

Веб-мастерская

К сожалению, поддержка и обновление сайта прекращены! Приносим свои извинения за доставленные неудобства!

Предлагаем Вам посетить

Интернет-магазин самых

популярных товаров интернета:

http://www.avellis.ru/

Специально для наших посетителей

на http://www.avellis.ru/ действует

скидочный промо-код: WEBMASTER.

На http://www.avellis.ru/ вы сможете

найти множество уникальных

акций и уникальных предложений.

Интересные идеи подарков, и многое другое!

Информация об avellis.ru актуальна на Ноябрь 2015 г.

Главная
Меню сайта
Рекомендуем!

К сожалению, поддержка и обновление сайта прекращены! Приносим свои извинения за доставленные неудобства!

Предлагаем Вам посетить

Интернет-магазин самых

популярных товаров интернета:

http://www.avellis.ru/

Специально для наших посетителей

на http://www.avellis.ru/ действует

скидочный промо-код: WEBMASTER.

На http://www.avellis.ru/ вы сможете

найти множество уникальных

акций и уникальных предложений.

Интересные идеи подарков, и многое другое!

Информация об avellis.ru актуальна на Ноябрь 2015 г.

Категории раздела
Общее [35]
Облако тегов
Мини-чат
200
Главная » Статьи » HTML-технологии » Общее

Как полностью закрепить картинку на сайте?
Иногда требуется что-либо закрепить на сайте так, чтобы даже при прокрутке страницы этот объект не прокручивался! не стоит только этим злоупотреблять, т. к. иногда такой объект может мешаться! Чаще всего их закрепляют по краям страниц! для начала, вот сам код:


Результат:





























А теперь подробнее о всех значениях:
position: fixed - задаёт фиксированное положение объекта
top: 50px - задаёт отступ от верхнего края
right: 0px - задаёт отступ от левого края, если прописать left вместо right, то картинка будет приклеена к правому краю.
<img src="http://sasha7294.narod2.ru/WEB/107439.png" alt="С Днём победы!!!" border="0"> - код картинки
если что-то не понятно, пишите в комментариях! До встречи на следующем уроке!

С Днём победы!!!
Категория: Общее | Добавил: АЛЕКСАНДР (06.05.2011)
Просмотров: 8833 | Комментарии: 3 | Теги: Картинка, фиксация, баннер, приклеевание | Рейтинг: 3.0/2

Вернуться к карте сайта

Всего комментариев: 3
3 даниил   (17.10.2017 20:20) [Материал]
такие статьи по ближе ставьте в гугле чтобы нам вап мастерам нервы не портить, автору спосибо!

2 кирилл   (21.07.2013 17:23) [Материал]
а код в html встовлять

1 Александр   (17.06.2012 18:41) [Материал]
Не работает. IE 9.0. Вставляю ваш код, а картинка преспокойно уезжает вместе с текстом вверх.

dth="100%" cellspacing="1" cellpadding="2" class="commTable">
Имя *:
Email:
Код *:

IFrameContainer

Alternative content

Get Adobe Flash player


Форма входа
Личные данные
Приветствую Вас,
Гость

Ваш IP: 18.116.60.18
Сегодня 17.05.2024, Пятница,
Нет аватара

У Вас непрочитанных ЛС:
Ваш профиль
Вы с нами уже день
Вы родились:
Ваш браузер:
Поиск
Статистика
Яндекс.Метрика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Наш опрос
Оцените мой сайт
Всего ответов: 222