Перейти к содержанию
ufateh

Как зафиксировать изображение в углу страницы? [РЕШЕНО]

Рекомендуемые сообщения

Подскажите плиз, как грамотно  зафиксировать изображение в углу страницы, чтоб оно оставалось на месте при прокрутке? И чтоб во всех браузерах корректно отображалось, вот пример

http://www.xlpharmacy.com

Имеется в виду красный треугольник в правом нижнем углу. 
Заранее благодарю за подсказку

Изменено пользователем afwollis

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Так подсмотрели бы решение прям там

 

2fa7fed71e82.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо. Решено. Все гораздо проще, чем я думал.)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Подскажите, ето в каком css надо прописывать чтобы та картинка была на каждой странице? 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Подскажите, ето в каком css надо прописывать чтобы та картинка была на каждой странице? 

в stylesheet.css вашего шаблона

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
А зачем лишние телодвижения?))) Дрстаточно в файле header.tpl прописать строку: 
<div style="background: url('/catalog/ваша картинка.png')no-repeat; width: 127px; height: 127px; position: fixed; top: 0; right: 0;">
<a href="http://ссылка туда куда надо/" title="Текст, который будет появляться при наведении курсора" style="width: 127px; height: 127px; display: block; color: #333; text-align: right; font-weight: bold; padding: 5px 0 0 0; text-decoration: none;">Тут может быть дополнительный текст, для особо непонятливых))) </a>
</div>

Размер картинки задаете сами. Конечно через stylesheet более правильно, но работает и так. )))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Вы комментируете как гость. Если у вас есть аккаунт, пожалуйста, войдите
Ответить в этой теме...

×   Вы вставили контент с форматированием.   Удалить форматирование

  Разрешено использовать не более 75 смайлов.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.