Skip to main content

Вопросы с меткой [position]

Позиция относится к расположению элемента относительно его контейнера, как правило, на горизонтальной и вертикальной осях.

Фильтрация
Сортировка
Метки
0 голосов
1 ответ
146 показов

Не работает position:fixed;

Присвоил элементу position: fixed, а он не остается на месте а прокручивается вместе со страницей. Очень прошу прощения за большой CSS, только что вставил сюда на проверку фрагмент кода, работает, а ...
Net Video's user avatar
0 голосов
1 ответ
65 показов

Как разместить svg элемент по центру div адаптивно?

Пробую создать сайт. Дошел до создания ссылок на соц. сети и столкнулся с проблемой. Я хочу, чтобы svg картинка соц. сети была по центру div, который скруглен. let elements = document....
FroggerProgger's user avatar
0 голосов
1 ответ
237 показов

C++ | Определить координаты Mouse в SFML

Не могу догнать, как правильно определить координаты курсора? Например, с помощью документации SFML я пришел к выводу, что брать координаты мыши нужно так: sf::Mouse::getPosition(WindowBase(VideoMode))...
CheGun's user avatar
  • 1
0 голосов
0 ответов
44 показа

Абсолютное позиционирование с hover, но прозрачное

Возможно, моё решение является велосипедом. У меня стоит задача сделать выпадающее меню. Меню генерируется, по всей видимости, с php (которого я не знаю) Мне нужно по наведению на определенную ссылку ...
Nerdy's user avatar
  • 5
0 голосов
1 ответ
50 показов

Как скрыть часть элемента за блоком?

Как скрыть часть элемента как на фото. Чтобы верхняя часть была сзади и нижняя часть спереди. Как будто схлопнулись два элемента. Два элемента с именем и профессии я уже сделал. <div class="...
Dias's user avatar
  • 59
1 голос
1 ответ
59 показов

Как спозиционировать дополнительные элементы управления видео чтобы они не слетали при разворачивании на весь экран?

Чтобы добавить дополнительные элементы управления в тег video оборачиваем его блоком и относительно данного блока позиционирую элементы(position: absolute). <div class="relatVid"> <...
Hertz's user avatar
  • 308
0 голосов
2 ответа
35 показов

Кривое отображение текущего значения range slider-а

Всем привет. Сделал range-slider, и написал код для отображения текущего значения под ползунком. Проблема в том, что блок с текущим значением отображется со смещением. Мне нужно отображение по центру. ...
maksim9933's user avatar
0 голосов
1 ответ
350 показов

У элемента установлено значение position: fixed; но при просмотре страницы на мобильных устройствах элемент уезжает вверх при скролле

Есть сайдбар у с классом "sidebar". Когда я в браузере я открываю эмуляцию мобильных устройств сайдбар уезжает вверх во время прокрутки несмотря на position: fixed;. Помогите пожалуйста. ...
Mezzanine's user avatar
0 голосов
2 ответа
37 показов

Как получить индекс позиции при горизонтальном прокручивание RecyclerView?

В приложении есть горизонтальный RecyclerView в котором происходит выбор карточки в виде карусели, где главный элемент занимает центральную позицию. Как можно получить индекс текущей позиции объекта ...
AnWa's user avatar
  • 23
0 голосов
0 ответов
12 показов

Помощь в вёрстке, реализация изображений на сайте

Нашёл макет из открытого доступа, так как я новичок в этом деле, помогите пожалуйста как правильно реализовать данный блок с картинками... Ладно если бы просто картинки, но между ними есть связующая ...
Nilpy 's user avatar
0 голосов
1 ответ
235 показов

Абсолютно позиционируемый элемент не игнорирует margin/padding родителя

Почему элемент с position: absolute; не игнорирует margin/padding родителя с position: static;? body { margin: 0; } .container-static { width: 1160px; height: 200px; margin: auto; ...
FrontiR's user avatar
0 голосов
0 ответов
40 показов

Почему z-index работает странным образом?

Честно говоря, проблему я уже решил, причем сам и случайно. Но мне стало интересно, почему это сработало именно так: Есть контейнер и псевдо :before к нему, вот строки: .slide-1__content { ...
Emil Gerz's user avatar
0 голосов
2 ответа
51 показ

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

По курсу web разработчик я сверстал свой первый макет. Перед тем, как продолжить курс, я решил закрепить свои знания и сверстать ещё один макет, но уже полностью сам. Что ж, я встретился с новой ...
Nerdy's user avatar
  • 5
0 голосов
1 ответ
123 показа

не работает z-index для дочерних элементов [закрыт]

.healthcare-card { padding: 37px 0; box-shadow: 0px 4px 18px rgba(88, 126, 236, 0.18); border-radius: 8px; display: flex; flex-direction: column; align-items: ...
Алекс Шах's user avatar
0 голосов
0 ответов
193 показа

Как сделать чтобы хедер с position: absolute не прилипал к экрану при сжатии?

На данный момент моя разметка выглядит следующим образом: <header class="header"> <div class="header__inner"> <a href="" ...
Flain's user avatar
  • 1
0 голосов
0 ответов
44 показа

div не расстягивается на всю ширину экрана при заданом position: fixed/absolute

Здравствуйте. Нужно сделать шапку сайта,с ссылками по центру, поверх остальных блоков, но если задать position: fixed/absolute, то шапка не на всю ширину получается, а прилипает к левому краю вместе с ...
Ander's user avatar
  • 1
0 голосов
2 ответа
33 показа

Как правильно задать условие в function appendP

let block = document.createElement(`div`); block.className = `block`; block.id = `blockId`; block.style.margin = 0; block.style.position = 'absolute'; block.style.left = `${Math.floor((window....
Марсианин Джон's user avatar
-3 голоса
1 ответ
1k показов

Unity 3D: Как можно сделать так чтобы при движении мыши по оси Y, объект изменил свою позицию по оси Z. (движение объекта мышкой.)

На данный момент объект изменяет свою позицию только по X и Y, хочу сделать так чтобы вместо движении по Y, объект двигался по Z. public class ClickDetector : MonoBehaviour { public GameObject ...
Arthur Davtyan's user avatar
1 голос
1 ответ
50 показов

Как позиционировать большое количество элементов с помощью flexbox не прибегая к position: absolute?

Делаю лэндинг для отработки технологии flexbox. Столкнулся с проблемой: не могу понять, как позиционировать большое количество элементов не прибегая к костылям вроде того, что я изобразил на втором ...
Omar Tulashvili's user avatar
0 голосов
1 ответ
134 показа

Как исправить разную позицию у псевдоэлементов, CSS?

Есть три одинаковых блока, с текстом. Текст представлен псевдоэлементом и повернут на 90 градусов. Но почему-то каждый элемент после первого смещен, как это исправить. Ниже ссылка для наглядного ...
Vitaliy's user avatar
  • 341
0 голосов
1 ответ
503 показа

position relative перекрывает нижестоящте элементы

#container{ position: relative; } #container canvas{ position: absolute; left: 0; top: 0; } <div id="container"> <canvas id="cnvBg" width="1200" ...
axmed2004's user avatar
  • 954
0 голосов
0 ответов
42 показа

Как реализовать?

.wide-block { height: 468px; background-color: #f4f4f4; position: absolute; left: 0; right: 0; display: flex; z-index: -3; &__discount { position: relative; background-...
Aliana's user avatar
  • 43
0 голосов
2 ответа
51 показ

как склеить два элемента?

как склеить два элемента, помеченные зеленой галочкой(синий и красный)? при том, что сам белый блок под ними имеет абсолютное позиционирование. Знаю, что можно задать для каждого top, right и так ...
Aliana's user avatar
  • 43
0 голосов
1 ответ
61 показ

CSS (JS) позиционирование HTML объектов

Итак, есть объект - div, который очень хотелось бы разместить по центру видимой области. Уточняю - по центру той зоны, куда смотрит пользователь по верх всех объектов что имеются. Со вторым я ...
GreenOwl's user avatar
0 голосов
1 ответ
30 показов

Как осуществить translate картинки с добавлением значения? [закрыт]

Приветствую. У меня есть проблема с добавлением значения (целочисленного) в пикселях к уже существующему значению позиции. Тоесть, вкратце, мне нужно, чтобы картинка сдвинулась по итогу со своей ...
Kurio's user avatar
  • 1
0 голосов
2 ответа
250 показов

Как задать стили выпадающему блоку, чтобы он не смещал контент под ним, а накладывался на него?

У меня есть горизонтальное меню. По нажатию на один из элементов в этом меню - открывается новое выпадающее меню, выполненное как flex-блок. <!-- на этот пункт надо нажать, чтобы открылось меню --&...
Павел Прахов's user avatar
2 голоса
1 ответ
310 показов

Как сделать чтобы позиция элемента была равна позиции "thumb" input на JS?

Учу JS, сделал range slider, все работает более-менее. Когда ползунок на 50% тогда все ок, но когда значение больше или меньше 50%, то позиция счетчика числа, который появляется сверху, уже не равна ...
Vitaliy's user avatar
  • 341
0 голосов
1 ответ
451 показ

Съезжает картинка

У меня имеется div (stories), в котором находится много div'ов (story), в которых находится либо img картинка, либо video видео. <div class="stories"> <div class="story"...
Chursinov's user avatar
0 голосов
2 ответа
53 показа

Блок внутри другого блока. Обтекание или вырезание

Нужно разместить блок first_block (зеленый) внутри блока second_block (черный), так чтобы блок second_block обтекал первый блок first_block или вырезал место под него место. Если использовать position:...
Manu's user avatar
  • 3
1 голос
0 ответов
159 показов

Почему не работает position: fixed?

Хочу сделать эффект увеличительного стекла в Реакте. Надо, чтобы при наведении "стекла" на текст, внутри этого "стекла" отображался увеличенный текст. Есть параграф с обычным ...
Shoshanna's user avatar
0 голосов
2 ответа
92 показа

Не вижу элемент border в div. position fixed

Приветы! Как здорово что есть такой сайт! Я здесь впервые. К делу! На сайте сделал вверху фиксированную панель навигации и хочу видеть её с рамкой, но не получается отобразить её. Что ни так пишу в ...
Dmitriy's user avatar
0 голосов
1 ответ
94 показа

окно с фоном и полосой прокрутки

Нужно сделать окно с фиксированным (не двигающимся) фоном (png изображение) и прокручивающимся текстом внутри него (обычный скролл текста вверх вниз). Так же у окна должна быть кнопка закрытия (png ...
Мартынов Олег's user avatar
1 голос
2 ответа
3k показов

CSS: Высота блока, зависящая от ширины

Описанное реализовано тут: https://codepen.io/Coder10000000000/pen/MWvjOpR Есть два блока - левый и правый. У левого фиксированная ширина в пикселях. У правого - всё оставшееся пространство. При этом ...
Unicode101's user avatar
0 голосов
1 ответ
109 показов

Стилизация дочерних элементов в зависимости от родителя

Допустим, у нас есть такая HTML структура: <div class="parent1"> <div class="child"></div> </div> <div class="parent2"> <div ...
moonsharm's user avatar
0 голосов
1 ответ
54 показа

android позиция recyclerview при прокрутке изменяется

есть проблема с recyclerview есть recyclerview в котором есть названия тестов и есть массив выполненных тестов рядом с recyclerview отображается оценка за тест поиск оценки идет в адаптере в методе ...
dimasta68's user avatar
0 голосов
2 ответа
191 показ

Почему sticky-блок игнорирует координаты left и right?

Мне нужно растянуть блок поиска так, чтобы он был на всю ширину экрана. Этот блок помещен в main-контейнер с заданной шириной, видимо, поэтому не работает sticky-блок, однако, он же должен вести себя ...
BERTOLDO's user avatar
  • 445
0 голосов
2 ответа
628 показов

Как фон хэдера(прозрачный) сделать поверх другого фона который относится к другой секции?

У меня фон шапки накладывается на другой фон, и при этом при смене разрешений(мобилька-планш-вусктоп)шапка не должна съезжать... Я использую позишн абсолют, но возможно дело в том что позиционирую от ...
ZdraviSmisl's user avatar
2 голоса
2 ответа
40 показов

CSS: какое значение left надо задать дочернему элементу, чтобы он выходил за пределы родителя ровно на свою ширину?

Есть родительский блок с position: relative и дочерний с position: absolute (изначально он скрыт и появляется при наведении на родителя). Нужно, чтобы он выходил за край родителя ровно на свою ширину. ...
Danila's user avatar
  • 1,049
0 голосов
0 ответов
29 показов

Как выровнять их без костылей?

Есть два блока и их нужно как-то выровнять по центру. https://jsfiddle.net/ert2x0u1/19/ .con { border: 2px solid red; max-width: 700px; height: 200px; margin: 0 auto; display: flex; ...
Arrov192's user avatar
1 голос
1 ответ
32 показа

Пожалуйста помогите отрефакторить html css код

Не судите строго, я знаю что здесь палка на палке.... Помогите пожалуйста написать простой грамотный код. .content { display: flex; margin: 0px 0px 0px 100px; } .whether { width: 190px; ...
Илья Мельник's user avatar
0 голосов
1 ответ
72 показа

Непонятные пробелы HTML

Между блоками HTML появились какие-то непонятные пробелы, которые я не могу убрать HTML: <html> <head> <link rel="stylesheet" href="style.css"> <link ...
Blazzerrr's user avatar
  • 147
0 голосов
2 ответа
457 показов

css: можно ли перемещать дочерние элементы внутри родительского чтобы размер родительского элемента автоматически изменялись

подскажите, есть ли возможность не выставлять "вручную" точные размеры родительского блока перемещая внутри данного родительского блока дочерние (через position: relative или transform: ...
Zhihar's user avatar
  • 37.7k
-1 голос
1 ответ
562 показа

Позиция объекта не меняется

В скрипте я создаю объект, добавляю ему родителя canvas и привязываю к нему изображение. Я хочу, чтобы он оказался в позиции (x,y,z), но изображение (а значит и объект) появляется в центре экрана и не ...
Alex Cosmic's user avatar
1 голос
1 ответ
105 показов

Не получается правильно позиционировать элемент после нажатия кнопки

У меня есть меню, которое по нажатию кнопки, выезжает вправо на 250px, сдвигая основной контент на такое же значение. Я не могу правильно обработать нажатие кнопки, чтобы при нажатии она тоже ...
Руслан Мамедов's user avatar
0 голосов
1 ответ
217 показов

Странно работает position absolute при добавлении через JS

При добавлении position:absolute вручную к классу burger__line линии преобразуются в крестик. При добавлении position:absolute через JS к классу burger__line линии не преобразуются в крестик. ...
Dmitriy's user avatar
  • 11
0 голосов
0 ответов
59 показов

Перестал работать position:sticky

Такая проблема, у меня перестало работать position: sticky, не знаю из-за чего, делал правки, но вроде не трогал этот участок кода. Сам сайт, где оно пока что работает: 1-min.ru. Вот сам код: ...
Azik Show's user avatar
0 голосов
0 ответов
120 показов

В position: sticky; не захватываются ссылки

На первый взгляд всё работает нормально, опускается, поднимается и т.д., но при опускании, ссылки которые были в блоке перестали работать. Компьютер их просто не видит, для него они остались на том ...
Ансар's user avatar
0 голосов
1 ответ
37 показов

Не могу выровнять элемент. Как исправить?

Пытаюсь сделать иконку для гамбургер-меню и выровнять ее с помощью флексов. Но не выходит: иконка уходит куда-то вправо, появляется непонятный отступ сверху. Вот код: * { margin: 0; padding: 0;...
Eva's user avatar
  • 1,909
1 голос
1 ответ
466 показов

Почему z-index не работает при position:relative?

У меня есть простенький слайдер. В первом случае, я использую position: absolute, во втором – position: relative. 1. POSITION:ABSOLUTE – работает * { margin: 0; padding: 0; text-align: ...
Eva's user avatar
  • 1,909
0 голосов
1 ответ
263 показа

Почему текст блока с абсолютным позиционированием внутри flex контейнера не растягивается на всю ширину?

Есть flex контейнер в котором блок div с текстом и абсолютным позиционированием. Не могу понять почему текст в блочном элементе не растягивается на всю ширину, а занимает 2 строки.. Если убираю ...
Вася's user avatar
  • 4,484