CSS top % и px

@duke_nukem · Регистрация: 10.01.2013

Студворк — интернет-сервис помощи студентам

Есть картинка, привязанная к середине экрана

CSS
1
top: 50%;

Как её отодвинуть от середины вверх или вниз на заданное количество пикселов без указания абсолютного значения в пикселах (т.к. на разных разрешениях оно будет разным)?

@SF · 28.04.2014, 22:18

CSS
1
background-position

@duke_nukem · 28.04.2014, 22:20 **[ТС]**

Там значение указывается тоже в процентах.
А требуется что-то вроде 50%+20px;

К тому же бекграунд в данном случае не подойдёт. Картинка должна быть кликабельна - это баннер.

@newJS · 28.04.2014, 22:35

Сообщение от duke_nukem

А требуется что-то вроде 50%+20px;

так есть же калькулятор, правда он не во всех браузерах работает
или так, релатив это сдвиг в нужную сторону

CSS
1
div {margin:0 0 0 50%; position:relative; top:0px; right:24px;}

Сообщение от duke_nukem

Картинка должна быть кликабельна - это баннер.

Картинку фоном, а на ее место прозрачную gif

@duke_nukem · 29.04.2014, 00:39 **[ТС]**

у картинки уже задан

CSS
1
position: fixed;

Это скроллящийся вмесе со страницей баннер.
Его нужно просто разместить чуть ниже середины.

Высчитывать размер на всех разрешениях - не вариант. Не учитывается работа в открытом не на весь экран браузере (а так, как ни странно, удивительно много людей смотрит).

Добавлено через 1 час 59 минут
спасибо за ответы. решилось так.

CSS
1
2
3
4
5
6
7
8
div.a {
position: fixed;
top: 50%;
}
img.a {
position: relative;
bottom: -20px;
}

Новые блоги и статьи Все статьи Все блоги /
Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .

@duke_nukem 4 / 4 / 0 Регистрация: 10.01.2013 Сообщений: 93
	28.04.2014, 22:20 [ТС]
	Там значение указывается тоже в процентах. А требуется что-то вроде 50%+20px; К тому же бекграунд в данном случае не подойдёт. Картинка должна быть кликабельна - это баннер. 0