Перейти к содержанию
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 более правильно, но работает и так. )))

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


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

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

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

×

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

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