Дневник - Фиксированный элемент

Добро пожаловать, Гость!

Войти Зарегистрироваться

:: + Добавить ссылку через биллинг :: + Добавить ссылку анонимно

Дневники | Королева | Фиксированный элемент

Королева

: Фиксированный элемент28 Ноября 2014
Фиксированный элемент- это элемент, который будет сохранять свою позицию при прокрутке страницы и будет отображаться поверх всех остальных элементов.
Фиксированным элементом можно сделать картинку, ссылку или целый блок
Создать фиксированную картинку в левом нижнем углу страницы можно с помощью кода

<?
<div><img src="ссылка на картинку" alt="ваш текст короткого названия картинки" title= "произвольный заголовок картинки" style="position: fixed; bottom: 0; left: 0; z-index:500;"/></div>
?>

Описание кода:
position: fixed- фиксирует элемент на странице (в нашем случае) при прокрутке. То есть остается на одном месте
lbottom: 0; left: 0;- выводит элемент в левый нижний угол
z-index:500;- выводит элемент слоем. прописывать надо, если на странице есть ещё слои (элементы z-index)
Это простейший пример кода. На самом деле элементу можно задать ещё больше стилей. В этом случае стили лучше расписывать в таблице стилей, а в код сайта выводить следующим образом

<?
<div class="ololo"><img src="ссылка на картинку" alt="ваш текст короткого названия картинки" title= "произвольный заголовок картинки"/></div>
?>

и расписали вот так:
.ololo {position: fixed; bottom: 0; left: 0; z-index:500;}
Создать фиксированную картинку в правом нижнем углу страницы можно с помощью кода

<?
<div><img src="ссылка на картинку" alt="ваш текст короткого названия картинки" title= "произвольный заголовок картинки" style="position: fixed; bottom: 0; right: 0; z-index:500;"/></div>
?>

bottom: 0; right: 0;- выводит элемент в правый нижний угол
---
Как установить фиксированную картинку на сайтах