Вопросы с меткой [position]
Позиция относится к расположению элемента относительно его контейнера, как правило, на горизонтальной и вертикальной осях.
164
вопроса
1
голос
1ответ
16 показов
Не получается правильно позиционировать элемент после нажатия кнопки
У меня есть меню, которое по нажатию кнопки, выезжает вправо на 250px, сдвигая основной контент на такое же значение. Я не могу правильно обработать нажатие кнопки, чтобы при нажатии она тоже ...
0
голосов
1ответ
20 показов
Странно работает position absolute при добавлении через JS
При добавлении position:absolute вручную к классу burger__line линии преобразуются в крестик.
При добавлении position:absolute через JS к классу burger__line линии не преобразуются в крестик.
...
0
голосов
0ответов
20 показов
Перестал работать position:sticky
Такая проблема, у меня перестало работать position: sticky, не знаю из-за чего, делал правки, но вроде не трогал этот участок кода. Сам сайт, где оно пока что работает: 1-min.ru. Вот сам код:
...
0
голосов
0ответов
21 показ
В position: sticky; не захватываются ссылки
На первый взгляд всё работает нормально, опускается, поднимается и т.д., но при опускании, ссылки которые были в блоке перестали работать. Компьютер их просто не видит, для него они остались на том ...
0
голосов
0ответов
13 показов
Как сделать фрейм прилипающим справа?
Как я могу сделать чтобы блок с фреймом прилипал справа с странице?
вот код:
<div class="jopa">
<iframe src="https://yandex.ru/sprav/widget/rating-badge/###" height=&...
0
голосов
1ответ
29 показов
Не могу выровнять элемент. Как исправить?
Пытаюсь сделать иконку для гамбургер-меню и выровнять ее с помощью флексов. Но не выходит: иконка уходит куда-то вправо, появляется непонятный отступ сверху.
Вот код:
* {
margin: 0;
padding: 0;...
1
голос
1ответ
19 показов
Почему z-index не работает при position:relative?
У меня есть простенький слайдер. В первом случае, я использую position: absolute, во втором – position: relative.
1. POSITION:ABSOLUTE – работает
* {
margin: 0;
padding: 0;
text-align: ...
0
голосов
1ответ
27 показов
Почему текст блока с абсолютным позиционированием внутри flex контейнера не растягивается на всю ширину?
Есть flex контейнер в котором блок div с текстом и абсолютным позиционированием.
Не могу понять почему текст в блочном элементе не растягивается на всю ширину, а занимает 2 строки..
Если убираю ...
0
голосов
2ответа
27 показов
Попеременно выводить елементы DOM на экран
Есть следующий код
<h1 onclick="showCard(event)">img1</h1>
<h1 onclick="showCard(event)">img2</h1>
<div class="images" id="img1">&...
1
голос
2ответа
44 показа
Почему абсолютно позиционированный элемент накладывается на один и тот же элемент? Как это убрать?
Первый элемент абсолютно позиционированный, второй – нет. Я задаю второму элементу верхний марджин, который равен высоте абсолютно позиционированного элемента для того, чтобы "обычный" ...
1
голос
1ответ
104 показа
Как сделать position: sticky, чтобы элементы выталкивали друг-друга, а не наезжали?
есть вопрос.
У меня есть таблица с главным хедером - thead с синим background, и c промежуточными хедерами - tr с голубым background. Я реализовал position: sticky для них. В результате хедеры ...
1
голос
0ответов
18 показов
При position fixed все элементы сдвигаются влево, а должны оставаться на месте?
Как сделать, чтобы меню было фиксированное и элементы оставались на местах?
Когда там ещё и логотип (он у меня на пк), то вообще в него немного залазит.
На имгуре фото до прокрутки и после ней:
https:/...
1
голос
3ответа
63 показа
Сьезжает DIV с position:absolute при масштабировании
Я относительно недавно начал изучать css и html и столкнулся с одной проблемой: при уменьшении масштаба страницы у меня сьезжает блок c текстом GO AHEAD с абсолютным позиционированием. Свойству left и ...
0
голосов
1ответ
27 показов
Не могу отцентрировать блок, подскажите как правильно центрировать
Пытаюсь центрировать и через flex, и через grid, он начинает ездить. А если использую position: absolute, то он просто пропадает. Не обращайте внимания на блок, я его не заполнял контентом потому что ...
5
голосов
3ответа
100 показов
Как сделать круглую картинку с фоном с помощью CSS, SVG?
У меня не получается правильно расположить картинку в родительском элементе – даже несмотря на то, что картинке заданы правильные отступы от краев родительского элемента, она продолжает вылезать.
...
0
голосов
1ответ
19 показов
Как зафиксировать навигационное меню?
На моей странице html есть заголовок , в котором находится изображение и текст. Слева должно располагаться меню, а справа блок с текстом и фотографиями. Проблема в том, что не получается зафиксировать ...
1
голос
1ответ
22 показа
Почему блоки накладываются друг на друга и пропадает текст?
У меня должно быть три блока, которые идут за другом. Внутри каждого из них – блок с текстом.
Вот что получается у меня – отображается только один блок, текста вообще нигде не видно:
.groups_line ...
2
голоса
0ответов
40 показов
Как сделать так, чтоб правый блок меню с position:sticky не перекрывал header?
По какой-то причине при скролле правый блок в конце прокрутки накладывается на header. Происходит это при уменьшении окна браузера.
1. Маленькое окно браузера
Также этот "эффект" можно ...
0
голосов
0ответов
30 показов
Как сделать блок position:absolute на всю высоту родителя?
Не кидайте камнями за мою CSS безграмотность, но потратил уже целый день на решение этого вопроса - результат нулевой.
В общем постараюсь кратко, насколько получится - есть карточка товара на странице ...
2
голоса
0ответов
31 показ
Проблема с позиционированием 100vh в мобильном браузере Chrome
Есть блок с раскрытым меню. Наблюдаю проблему в мобильном браузере Chrome: нижний блок с языком скрыт за экраном. В других браузерах такого бага не наблюдаю, нижняя панель прилеплена четко внизу.
Код:
...
1
голос
1ответ
38 показов
“Инпуты” съезжают при масштабировании
Сам сайт
В общем, не только инпуты съезжают на самом деле, а вся верстка :) Но хотелось бы понять, почему именно инпуты снизу страницы съезжают (your name, your email, your message here), хотя текст в ...
1
голос
0ответов
35 показов
Прошу помочь пониманием позиционированием элементов слоев и background
Делаю лендинг, в котором очень много слоев картинок, которые нужно позиционировать абсолютом и бэкграунд с кучей слоев.
Не совсем понимаю что правильно было бы вырезать как фон, а что оставлять и ...
0
голосов
2ответа
29 показов
Что делать если выпадающее меню в фиксированном блоке вылазит за пределы страницы, невозможно просмотреть все пункты
Ситуация такая:
Фиксированный header c меню и подменю. В подменю много пунктов и их значительную часть не видно на экранах с небольшой высотой из-за position:fixed родителя. В будущем количество ...
0
голосов
1ответ
40 показов
HTML+CSS Помогите сделать такой блок, у которого элементы за границу выезжают
body {
margin: 0;
background: #333;
}
.slider {
width: 90%;
height: 300px;
margin: 50px auto;
background: #fff;
overflow: hidden;
}
.slider__wrapper {
width: 200%;
overflow: hidden;
...
0
голосов
0ответов
75 показов
Проблема с перемещением объекта в Unity
На сцене есть красная сфера и красная платформа с белой сферой (дочерний объект от платформы).
При контакте красной сферы с триггером платформы белая сфера удаляется, а красная должна встать на её ...
0
голосов
1ответ
22 показа
CSS Как правильно задать overflow?
.slider {
max-width: 300px;
width: 100%
height: auto;
overflow-x: hidden;
position: relative;
border: 1px solid #000;
}
.slider-rect {
position: absolute;
left: 50%;
...
1
голос
1ответ
84 показа
Почему изменяется ширина вложенного блока с position:fixed
У родительского div с position: relative есть дочерний блок (class="floating") с формой, который при прокрутке страницы на определенную высоту фиксируется в определенном положении. Это достигается на ...
0
голосов
1ответ
62 показа
Найти максимальное и минимальное значение высоты на terrain(Unity)?
Возникла потребность поставить флажок, где в точке максимальная и минимальная высота terrain.
Есть ответы как это сделать но они не работают. Мне надо вернуть мин, мак точки в формате Vector3. Сейчас ...
0
голосов
0ответов
25 показов
Position Absolute вылазит на fixed
столкнулся с такой проблемой. Есть менюшка, к которой при скролле добавляеться класс fixed. Так же есть slick slider у которого position relative, а стрелки в данном слайдере имеют position absolute. ...
0
голосов
1ответ
255 показов
Как “сдвинуть” часть контента влево? [ CSS flex]
Имеется вот такая часть макета (по бокам направляющие):
Я сверстал это на флексах, запихнув всё в контейнер с шириной от направляющей до направляющей.
На макете мы видим что весь контейнер как-бы ...
0
голосов
1ответ
37 показов
Как отцентрировать абсолютно позиционированный блок по горизонтали?
Нужно чтобы полное фото с дорогой при наведении на квадратный блок появлялось на том же месте, и я никак не могу сдвинуть его так, чтобы было на том же месте, оно либо двигается не так как надо, либо ...
0
голосов
1ответ
51 показ
Получение координат без GPS
Как я могу получить координаты(траекторию) на Arduino без использования GPS?
0
голосов
1ответ
33 показа
Как заставить родительский div реагировать на ширину дочернего div с абсолютным позиционированием
CodeSandbox
Я создал кастомный select компонент и его выпадающего списка задано position: absolute из за этого он не влияет на размер родительского контейнера, это меня не устраивает, я хочу сделать ...
1
голос
1ответ
37 показов
Вывод текста, когда курсор находится над формой
Задача состоит в следующем: есть форма. Во время того, когда курсор находится над формой, и пользователь нажимает левую кнопку мыши, в этой точке экрана (где находится курсор) выводится какая-то ...
1
голос
1ответ
43 показа
Как разместить фоновую картинку?
https://ibb.co/4VqLgcS - ссылка на картинку.
Нужно сделать так, чтобы на сайте она размещалась, так же как на макете, представленном выше.
С помощью position не получается, т.к. вся картинка ...
0
голосов
0ответов
56 показов
У блока не увеличивается высота
При сжатии блока текст не увеличивает высоту блока, так как блоку с текстом задано position: absolute. Я понимаю как это сделать, чтобы работало, если задавать картинку с помощью background, но я хочу ...
1
голос
1ответ
17 показов
Текст и картинки накладываются на меню
Верстал сайт, у hesder position: fixed;, потом начал делать обычный список (ul, li), но некоторым элементам задал position: absolute;. Теперь при скроле в header залезают эти элементы (z-index не ...
0
голосов
0ответов
41 показ
Сохранение позиции после окончания катсцены сделанной в Timeline
Открывается сцена,сразу идёт катсцена(сделана с помощью Timeline),когда она закончится персонаж должен остаться на том же месте где был в конце катсцены,а не телепортироваться туда где он был в начале ...
0
голосов
1ответ
33 показа
Как работает свойство left? [дубликат]
Как менять значение left с интервалом?
Например left = -800px , нужно каждые три секунды увеличивать left на 260px ,
как правильно прописать свойство в js , у меня получилось так -
progressLine.style....
0
голосов
1ответ
39 показов
Fixed против Sticky
Структура кода на сайте сейчас выглядит так:
<header></header>
<div class="filterBar"></div>
<что-то></еще>
<footer></footer>
В стилях header и ....
0
голосов
1ответ
18 показов
абсолютное позиционирование элемента
на что влияет position: relative у предка для абсолютного элемента. в чем разница: предок relative или нет?
0
голосов
1ответ
62 показа
margin padding у элемента при абсолютном позиционировании
подскажите, пожалуйста. если задавать отступы и поля для элемента с абсолютным позиционированием в виде %, то от какого элемента будут отщитываться эти % ?
<div class="head" >
<div class="...
0
голосов
1ответ
13 показов
Почему зафиксированный блок не зависим от относительного позиционирование?
Resource:
Ссылка
Question:
Интересно, а почему фиксированное позиционирование не зависит от относительного?
Ведь, в данном исходнике меню зафиксирована, но когда задаю менюшке width:100%, она не ...
0
голосов
1ответ
67 показов
Адаптивное позиционирование
Имеется вот такой блок (на фото), кот находится на заднем фоне и когда наводишь на видео он появляется (поварачивается под определенным углом), как мне правильно разместить кота чтобы он находился на ...
1
голос
1ответ
83 показа
Как сделать `position: fixed` без последствий? [закрыт]
Если я задаю моему горизонтальному меню position: fixed, то тогда все отступы начинаются с самого верхнего левого угла страницы. Получается так, будто этого меню и нет вовсе. Но это очень мешает мне ...
0
голосов
0ответов
71 показ
Расширенное фиксированное или прилипающее(sticky) позиционирование flexbox
Есть готовая верстка(angular проект) на flexbox-е, оно состоит из левого меню, контента и sidebar-a.
Контент меняется динамически и у него может быть своё меню.
В моем случае в контенте есть меню и ...
0
голосов
1ответ
74 показа
position: fixed не работает в Google Chrome и Opera
Никак не могу позиционировать всплывающую подсказку ни в одном браузере, кроме FireFox.
Я пытаюсь стилизовать всплывающую подсказку - title с классом tooltip:
В html есть список с такими пунктами, ...
0
голосов
1ответ
115 показов
Расположить выпадающий список относительно контейнера
Есть следующая html-разметка:
<div class="dropdown">
<button></button>
<menu></menu>
</div>
Здесь button - кнопка, по нажатию на которую выпадает список, ...
0
голосов
0ответов
51 показ
Высота блока под картинку с “position: absolute”
У меня в блоке есть картинка со свойством "position", которое имеет значение "asbolute". Картинка намного больше блока, и мне бы хотелось, чтобы блок принимал её высоту. Как это можно реализовать (...
0
голосов
1ответ
147 показов
MapKit вращение userLocationView.arrow по ходу движения
Использую android map kit, на карте включен userLocationLayer, при движении появляется стандартная (желтая) стрелка отражающая местоположение и направление движения.
Есть возможность заменить стрелку ...