Вопросы с меткой [position]
Позиция относится к расположению элемента относительно его контейнера, как правило, на горизонтальной и вертикальной осях.
203
вопроса
0
голосов
1
ответ
146
показов
Не работает position:fixed;
Присвоил элементу position: fixed, а он не остается на месте а прокручивается вместе со страницей. Очень прошу прощения за большой CSS, только что вставил сюда на проверку фрагмент кода, работает, а ...
0
голосов
1
ответ
65
показов
Как разместить svg элемент по центру div адаптивно?
Пробую создать сайт.
Дошел до создания ссылок на соц. сети и столкнулся с проблемой.
Я хочу, чтобы svg картинка соц. сети была по центру div, который скруглен.
let elements = document....
0
голосов
1
ответ
237
показов
C++ | Определить координаты Mouse в SFML
Не могу догнать, как правильно определить координаты курсора?
Например, с помощью документации SFML я пришел к выводу, что брать координаты мыши нужно так:
sf::Mouse::getPosition(WindowBase(VideoMode))...
0
голосов
0
ответов
44
показа
Абсолютное позиционирование с hover, но прозрачное
Возможно, моё решение является велосипедом. У меня стоит задача сделать выпадающее меню. Меню генерируется, по всей видимости, с php (которого я не знаю)
Мне нужно по наведению на определенную ссылку ...
0
голосов
1
ответ
50
показов
Как скрыть часть элемента за блоком?
Как скрыть часть элемента как на фото. Чтобы верхняя часть была сзади и нижняя часть спереди. Как будто схлопнулись два элемента. Два элемента с именем и профессии я уже сделал.
<div class="...
1
голос
1
ответ
59
показов
Как спозиционировать дополнительные элементы управления видео чтобы они не слетали при разворачивании на весь экран?
Чтобы добавить дополнительные элементы управления в тег video оборачиваем его блоком и относительно данного блока позиционирую элементы(position: absolute).
<div class="relatVid">
<...
0
голосов
2
ответа
35
показов
Кривое отображение текущего значения range slider-а
Всем привет. Сделал range-slider, и написал код для отображения текущего значения под ползунком. Проблема в том, что блок с текущим значением отображется со смещением. Мне нужно отображение по центру.
...
0
голосов
1
ответ
350
показов
У элемента установлено значение position: fixed; но при просмотре страницы на мобильных устройствах элемент уезжает вверх при скролле
Есть сайдбар у с классом "sidebar". Когда я в браузере я открываю эмуляцию мобильных устройств сайдбар уезжает вверх во время прокрутки несмотря на position: fixed;. Помогите пожалуйста.
...
0
голосов
2
ответа
37
показов
Как получить индекс позиции при горизонтальном прокручивание RecyclerView?
В приложении есть горизонтальный RecyclerView в котором происходит выбор карточки в виде карусели, где главный элемент занимает центральную позицию. Как можно получить индекс текущей позиции объекта ...
0
голосов
0
ответов
12
показов
Помощь в вёрстке, реализация изображений на сайте
Нашёл макет из открытого доступа, так как я новичок в этом деле, помогите пожалуйста как правильно реализовать данный блок с картинками... Ладно если бы просто картинки, но между ними есть связующая ...
0
голосов
1
ответ
235
показов
Абсолютно позиционируемый элемент не игнорирует margin/padding родителя
Почему элемент с position: absolute; не игнорирует margin/padding родителя с position: static;?
body {
margin: 0;
}
.container-static {
width: 1160px;
height: 200px;
margin: auto;
...
0
голосов
0
ответов
40
показов
Почему z-index работает странным образом?
Честно говоря, проблему я уже решил, причем сам и случайно. Но мне стало интересно, почему это сработало именно так:
Есть контейнер и псевдо :before к нему, вот строки:
.slide-1__content {
...
0
голосов
2
ответа
51
показ
Верстаю свой 2 макет, мучаюсь с кнопкой, которая должна быть за ссылкой
По курсу web разработчик я сверстал свой первый макет. Перед тем, как продолжить курс, я решил закрепить свои знания и сверстать ещё один макет, но уже полностью сам. Что ж, я встретился с новой ...
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: ...
0
голосов
0
ответов
193
показа
Как сделать чтобы хедер с position: absolute не прилипал к экрану при сжатии?
На данный момент моя разметка выглядит следующим образом:
<header class="header">
<div class="header__inner">
<a href="" ...
0
голосов
0
ответов
44
показа
div не расстягивается на всю ширину экрана при заданом position: fixed/absolute
Здравствуйте.
Нужно сделать шапку сайта,с ссылками по центру, поверх остальных блоков, но если задать position: fixed/absolute, то шапка не на всю ширину получается, а прилипает к левому краю вместе с ...
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....
-3
голоса
1
ответ
1k
показов
Unity 3D: Как можно сделать так чтобы при движении мыши по оси Y, объект изменил свою позицию по оси Z. (движение объекта мышкой.)
На данный момент объект изменяет свою позицию только по X и Y, хочу сделать так чтобы вместо движении по Y, объект двигался по Z.
public class ClickDetector : MonoBehaviour
{
public GameObject ...
1
голос
1
ответ
50
показов
Как позиционировать большое количество элементов с помощью flexbox не прибегая к position: absolute?
Делаю лэндинг для отработки технологии flexbox. Столкнулся с проблемой: не могу понять, как позиционировать большое количество элементов не прибегая к костылям вроде того, что я изобразил на втором ...
0
голосов
1
ответ
134
показа
Как исправить разную позицию у псевдоэлементов, CSS?
Есть три одинаковых блока, с текстом. Текст представлен псевдоэлементом и повернут на 90 градусов. Но почему-то каждый элемент после первого смещен, как это исправить. Ниже ссылка для наглядного ...
0
голосов
1
ответ
503
показа
position relative перекрывает нижестоящте элементы
#container{
position: relative;
}
#container canvas{
position: absolute; left: 0; top: 0;
}
<div id="container">
<canvas id="cnvBg" width="1200" ...
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-...
0
голосов
2
ответа
51
показ
как склеить два элемента?
как склеить два элемента, помеченные зеленой галочкой(синий и красный)? при том, что сам белый блок под ними имеет абсолютное позиционирование. Знаю, что можно задать для каждого top, right и так ...
0
голосов
1
ответ
61
показ
CSS (JS) позиционирование HTML объектов
Итак, есть объект - div, который очень хотелось бы разместить по центру видимой области. Уточняю - по центру той зоны, куда смотрит пользователь по верх всех объектов что имеются.
Со вторым я ...
0
голосов
1
ответ
30
показов
Как осуществить translate картинки с добавлением значения? [закрыт]
Приветствую.
У меня есть проблема с добавлением значения (целочисленного) в пикселях к уже существующему значению позиции.
Тоесть, вкратце, мне нужно, чтобы картинка сдвинулась по итогу со своей ...
0
голосов
2
ответа
250
показов
Как задать стили выпадающему блоку, чтобы он не смещал контент под ним, а накладывался на него?
У меня есть горизонтальное меню.
По нажатию на один из элементов в этом меню - открывается новое выпадающее меню, выполненное как flex-блок.
<!-- на этот пункт надо нажать, чтобы открылось меню --&...
2
голоса
1
ответ
310
показов
Как сделать чтобы позиция элемента была равна позиции "thumb" input на JS?
Учу JS, сделал range slider, все работает более-менее. Когда ползунок на 50% тогда все ок, но когда значение больше или меньше 50%, то позиция счетчика числа, который появляется сверху, уже не равна ...
0
голосов
1
ответ
451
показ
Съезжает картинка
У меня имеется div (stories), в котором находится много div'ов (story), в которых находится либо img картинка, либо video видео.
<div class="stories">
<div class="story"...
0
голосов
2
ответа
53
показа
Блок внутри другого блока. Обтекание или вырезание
Нужно разместить блок first_block (зеленый) внутри блока second_block (черный), так чтобы блок second_block обтекал первый блок first_block или вырезал место под него место. Если использовать position:...
1
голос
0
ответов
159
показов
Почему не работает position: fixed?
Хочу сделать эффект увеличительного стекла в Реакте. Надо, чтобы при наведении "стекла" на текст, внутри этого "стекла" отображался увеличенный текст. Есть параграф с обычным ...
0
голосов
2
ответа
92
показа
Не вижу элемент border в div. position fixed
Приветы! Как здорово что есть такой сайт! Я здесь впервые.
К делу! На сайте сделал вверху фиксированную панель навигации и хочу видеть её с рамкой, но не получается отобразить её. Что ни так пишу в ...
0
голосов
1
ответ
94
показа
окно с фоном и полосой прокрутки
Нужно сделать окно с фиксированным (не двигающимся) фоном (png изображение) и прокручивающимся текстом внутри него (обычный скролл текста вверх вниз).
Так же у окна должна быть кнопка закрытия (png ...
1
голос
2
ответа
3k
показов
CSS: Высота блока, зависящая от ширины
Описанное реализовано тут: https://codepen.io/Coder10000000000/pen/MWvjOpR
Есть два блока - левый и правый. У левого фиксированная ширина в пикселях. У правого - всё оставшееся пространство. При этом ...
0
голосов
1
ответ
109
показов
Стилизация дочерних элементов в зависимости от родителя
Допустим, у нас есть такая HTML структура:
<div class="parent1">
<div class="child"></div>
</div>
<div class="parent2">
<div ...
0
голосов
1
ответ
54
показа
android позиция recyclerview при прокрутке изменяется
есть проблема с recyclerview
есть recyclerview в котором есть названия тестов и есть массив выполненных тестов рядом с recyclerview отображается оценка за тест поиск оценки идет в адаптере в методе ...
0
голосов
2
ответа
191
показ
Почему sticky-блок игнорирует координаты left и right?
Мне нужно растянуть блок поиска так, чтобы он был на всю ширину экрана.
Этот блок помещен в main-контейнер с заданной шириной, видимо, поэтому не работает sticky-блок, однако, он же должен вести себя ...
0
голосов
2
ответа
628
показов
Как фон хэдера(прозрачный) сделать поверх другого фона который относится к другой секции?
У меня фон шапки накладывается на другой фон, и при этом при смене разрешений(мобилька-планш-вусктоп)шапка не должна съезжать... Я использую позишн абсолют, но возможно дело в том что позиционирую от ...
2
голоса
2
ответа
40
показов
CSS: какое значение left надо задать дочернему элементу, чтобы он выходил за пределы родителя ровно на свою ширину?
Есть родительский блок с position: relative и дочерний с position: absolute (изначально он скрыт и появляется при наведении на родителя). Нужно, чтобы он выходил за край родителя ровно на свою ширину. ...
0
голосов
0
ответов
29
показов
Как выровнять их без костылей?
Есть два блока и их нужно как-то выровнять по центру.
https://jsfiddle.net/ert2x0u1/19/
.con {
border: 2px solid red;
max-width: 700px;
height: 200px;
margin: 0 auto;
display: flex;
...
1
голос
1
ответ
32
показа
Пожалуйста помогите отрефакторить html css код
Не судите строго, я знаю что здесь палка на палке.... Помогите пожалуйста написать простой грамотный код.
.content {
display: flex;
margin: 0px 0px 0px 100px;
}
.whether {
width: 190px;
...
0
голосов
1
ответ
72
показа
Непонятные пробелы HTML
Между блоками HTML появились какие-то непонятные пробелы, которые я не могу убрать
HTML:
<html>
<head>
<link rel="stylesheet" href="style.css">
<link ...
0
голосов
2
ответа
457
показов
css: можно ли перемещать дочерние элементы внутри родительского чтобы размер родительского элемента автоматически изменялись
подскажите, есть ли возможность не выставлять "вручную" точные размеры родительского блока перемещая внутри данного родительского блока дочерние (через position: relative или transform: ...
-1
голос
1
ответ
562
показа
Позиция объекта не меняется
В скрипте я создаю объект, добавляю ему родителя canvas и привязываю к нему изображение.
Я хочу, чтобы он оказался в позиции (x,y,z), но изображение (а значит и объект) появляется в центре экрана и не ...
1
голос
1
ответ
105
показов
Не получается правильно позиционировать элемент после нажатия кнопки
У меня есть меню, которое по нажатию кнопки, выезжает вправо на 250px, сдвигая основной контент на такое же значение. Я не могу правильно обработать нажатие кнопки, чтобы при нажатии она тоже ...
0
голосов
1
ответ
217
показов
Странно работает position absolute при добавлении через JS
При добавлении position:absolute вручную к классу burger__line линии преобразуются в крестик.
При добавлении position:absolute через JS к классу burger__line линии не преобразуются в крестик.
...
0
голосов
0
ответов
59
показов
Перестал работать position:sticky
Такая проблема, у меня перестало работать position: sticky, не знаю из-за чего, делал правки, но вроде не трогал этот участок кода. Сам сайт, где оно пока что работает: 1-min.ru. Вот сам код:
...
0
голосов
0
ответов
120
показов
В position: sticky; не захватываются ссылки
На первый взгляд всё работает нормально, опускается, поднимается и т.д., но при опускании, ссылки которые были в блоке перестали работать. Компьютер их просто не видит, для него они остались на том ...
0
голосов
1
ответ
37
показов
Не могу выровнять элемент. Как исправить?
Пытаюсь сделать иконку для гамбургер-меню и выровнять ее с помощью флексов. Но не выходит: иконка уходит куда-то вправо, появляется непонятный отступ сверху.
Вот код:
* {
margin: 0;
padding: 0;...
1
голос
1
ответ
466
показов
Почему z-index не работает при position:relative?
У меня есть простенький слайдер. В первом случае, я использую position: absolute, во втором – position: relative.
1. POSITION:ABSOLUTE – работает
* {
margin: 0;
padding: 0;
text-align: ...
0
голосов
1
ответ
263
показа
Почему текст блока с абсолютным позиционированием внутри flex контейнера не растягивается на всю ширину?
Есть flex контейнер в котором блок div с текстом и абсолютным позиционированием.
Не могу понять почему текст в блочном элементе не растягивается на всю ширину, а занимает 2 строки..
Если убираю ...