Ответы Mail
Программирование
Android
C/C++
C#
iOS
Java
JavaScript
jQuery
SQL
Perl
PHP
Python
Веб-дизайн
Верстка, CSS, HTML, SVG
Системное администрирование
Другие языки и технологии
Лидеры категории
Лена-пена
М.И.
Y.Nine
•••
Искусственный Интеллект
Искусственный Интеллект
Искусственный Интеллект
CSS. Кнопки наезжают одна на другую.
Иван Иванов
(17793),
закрыт
6 лет назад
Дополнен 6 лет назад
***не добавился код HTML:
[a href="#" class="button8"]Установить [/a]
[a href="#" class="button8"]удалить [/a]
[a href="#" class="button8"]Установить [/a]
[a href="#" class="button8"]удалить [/a]
Лучший ответ
Андрей
(459676)
6 лет назад
Разумеется, наезжают. У тебя же position: absolute; И при этом совершенно одинаковые координаты обеих кнопок: top:50%; left: 100px;
Каждый блок position: absolute ничего не знает о соседних блоках и позиционируется независимо от них.
Либо сделай для одной из кнопок left: 500px; (или сколько там тебе надо).
Либо делай абсолютной позиционирование не кнопок, а блока div, в который эти кнопки завёрнуты.
P.S. Сочетание position: absolute; и display: inline-block; выглядит по меньшей мере странно.
Каждый блок position: absolute ничего не знает о соседних блоках и позиционируется независимо от них.
Либо сделай для одной из кнопок left: 500px; (или сколько там тебе надо).
Либо делай абсолютной позиционирование не кнопок, а блока div, в который эти кнопки завёрнуты.
P.S. Сочетание position: absolute; и display: inline-block; выглядит по меньшей мере странно.
Иван ИвановМудрец (17793)
6 лет назад
Да я понимаю это. Просто все, что сейчас там написано - это попытки раздвинуть кнопки в разные стороны))
Андрей
Высший разум
(459676)
Ну так убери из тегов A все эти position: absolute; top:50%; left: 100px; - и кнопки будут идти "в ряд друг за другом". А если тебе надо передвинуть блок кнопок - ставь position: absolute; для тега, ВНУТРИ которого размещаются кнопки.
Если же тебе надо раздвинуть кнопки равномерно по ширине блока, то это элементарно делается с помощью: https://frontender.info/a-guide-to-flexbox/
Остальные ответы
Похожие вопросы
a.button8 {
position: absolute;
top:50%;
left: 100px;
display: inline-block;
color: white;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: .5em 2em;
outline: none;
border: 2px solid;
border-radius: 1px;
transition: 0.2s;
}
Когда пытаюсь вывести кнопки в HTML:
Установить
удалить
У меня кнопки наезжают друг на друга.
В чем причина я вижу и понимаю, но не понимаю как исправить. Мне нужно поставить кнопки в определенном месте, и чтобы они шли в ряд друг за другом (3,4,5,6 кнопок).
Чтобы одна вставала там, где она встает сейчас, а остальные вставали правее.
Помогите, пожалуйста, исправить! Пробовал по-разному - ничего не получается.