Закрепить слой в правом верхнем углу

Сообщение **cemah** » 22 окт 2019, 05:20

Всем доброго времени суток. То ли мне уже пора идти спать, то ли я просто туплю, но подскажите, пожалуйста, - как закрепить нужную иконку png. в правом верхнем углу страницы? Понимаю, как это можно сделать с помощью сетки, но в моём случае нужно что-то другое. Забыл добавить, что иконка всегда должна быть в правом верхнем углу независимо от ширины экрана. Спасибо.

Сообщение **anonimus** » 22 окт 2019, 05:53

Код css:
position: fixed;
top: 0;
right: 0;
z-index:999;

Сообщение **cemah** » 23 окт 2019, 01:52

Благодарю, но если честно, я не совсем понимаю, что с этой информацией делать??? ))))) Объясните, пожалуйста, кто может...

Сообщение **anonimus** » 23 окт 2019, 02:29

Сейчас не могу отвечать, завтра расскажу подробнее об этом и другом способе, если до меня не напишут и я не забуду

Сообщение **spoon** » 23 окт 2019, 06:59

Код css можете вставить в HTML или в тег <head>.
Вставляете между <head>:

Код: Выделить всё

<style>
#ваш_id{
position: fixed;
top: 0;
right: 0;
z-index:999;
}
</style>

Сообщение **Eric** » 23 окт 2019, 16:03

В правом верхнем углу независимо от ширины экрана.
Example.wbs

Сообщение **cemah** » 23 окт 2019, 20:41

Спасибо всем, кто откликнулся. Сейчас на работе, приеду домой - буду пробовать :a_g_a:

Сообщение **cemah** » 24 окт 2019, 11:58

Что-то не получается :-(

В общем, для наглядности, картинка такая - сайт на сетках, самый верхний блок - это адаптивное меню, вот как раз справа в этом меню мне и нужно вставить маленькую иконку. Пробовал вставить дополнительный столбец, но тогда изображение в нём при растяжении ведёт себя не очень правильно. Например на 480px всё хорошо, а вот уже начиная с 640px оно естественно увеличивается, что крайне не желательно.

Сообщение **spoon** » 24 окт 2019, 14:02

Если вы вставляете картинку то указывайте false, а сейчас у вас стоит true, вот она и растягиваетк на всю ячейку.
Скиньте проект, можете а личку.

Сообщение **cemah** » 25 окт 2019, 03:34

В общем, решил я свой вопрос с помощью якорного слоя, поставив в свойствах слоя галочки на "Верхний якорь" и "Правый якорь", выравнивание сделал по центру, а саму картинку сделал на всю площадь слоя но с прозрачным фоном. Получилось, то, что и хотел, а именно втулил туда иконку смены языка сайта. Всем Спасибо, тему можно закрывать.