С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.98/120: Рейтинг темы: голосов - 120, средняя оценка - 4.98
0 / 0 / 0
Регистрация: 21.10.2017
Сообщений: 59

Расстояние между кнопками

24.10.2018, 14:56. Показов 23513. Ответов 6
Метки нет (Все метки)

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

У меня есть 2 кнопки, но у них нету расстояния между ними. Как решить эту проблему?

Код кнопок:
HTML5
1
2
3
4
                        
<a href="?logout"><button type="button" name="first" class="btn btn-primary btn-margin" tabindex="0" style="float:right;"><span class="glyphicon glyphicon-remove-sign"></span> Выйти</button></a>
                        
<a style="padding-left: 100px;" href="?settings"><button type="button" name="first" class="btn btn-primary btn-margin" tabindex="0" style="float:right;">Настройки</button></a>
Заранее спасибо!
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
24.10.2018, 14:56
Ответы с готовыми решениями:

Расстояние между кнопками
можно ли стандартными средствами css и html, сделать так чтоб расстояние &quot;а&quot; между кнопками зависело от расстояния &quot;б&quot;. То есть,...

Расстояние между кнопками
Здравствуйте, есть проблема с кнопками, а именно расстояние между ними line-height не помогает. он меняет высоту, но не расстояние ...

Задать расстояние между кнопками?
Подскажите как задать расстояние между кнопками не сдвигая их в лево ? Пробовала margin: 2px; но так они сдвигаются левее и в низ? ...

6
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3945 / 2052 / 829
Регистрация: 13.03.2010
Сообщений: 6,752
24.10.2018, 15:11
Лучший ответ Сообщение было отмечено vitya790 как решение

Решение

Попробуйте ко второй button применить margin-left: 100px
0
0 / 0 / 0
Регистрация: 05.09.2018
Сообщений: 4
24.10.2018, 15:20
в CSS пропишите:
CSS
1
2
3
.btn_btn-primary_btn-margin {
margin: 5px;
}
И класс пишется без пробелов, можно заменить нижними подчеркиваниями.
0
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3945 / 2052 / 829
Регистрация: 13.03.2010
Сообщений: 6,752
24.10.2018, 15:33
Цитата Сообщение от ArtemiyKra Посмотреть сообщение
И класс пишется без пробелов, можно заменить нижними подчеркиваниями.
Да что вы говорите Ну-ну...
А теперь представим, что у юзера стоит какой-либо фреймворк, где стили заданы вот так: .btn.btn-primary.btn-margin
А вы задаёте стиль .btn_btn-primary_btn-margin и, о боги, у юзера ничего не работает. МАГИЯ, не иначе.
0
0 / 0 / 0
Регистрация: 05.09.2018
Сообщений: 4
24.10.2018, 15:35
Code
1
.btn.btn-primary.btn-margin
Ну то без пробелов же
0
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
24.10.2018, 15:37
Цитата Сообщение от ArtemiyKra Посмотреть сообщение
Ну то без пробелов же
Каскадирование? Несколько классов у одного элемента? Не, не слышал...
0
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3945 / 2052 / 829
Регистрация: 13.03.2010
Сообщений: 6,752
24.10.2018, 15:40
ArtemiyKra, ой, не могу. Учите CSS, прежде, чем советы раздавать и спорить с более компетентными людьми в данной сфере.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
24.10.2018, 15:40
Помогаю со студенческими работами здесь

Расстояние и разделение между кнопками
всем привет помогите решить мою проблемку Собственно сама проблема заключается в том, что нужно убрать расстояние между кнопками и между...

Как изменить расстояние между кнопками?
Всем привет! Возникли проблемы с кнопками... Мне нужно, как-то изменить расстояние между ними (на картинке) после отступа от левой стороны...

iframe конфликт между кнопками
На форме неколько полей и две кнопки, одна для просмотра набранного отправляется на iframe, вторая добавляет в БД, вот здесь и конфликт...

Пробел между кнопками в панели навигации
&lt;nav&gt; &lt;ul class=&quot;nav&quot;&gt; &lt;li&gt;&lt;a href=&quot;&quot;&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;&quot; class=&quot;mark&quot;&gt;Product&lt;/a&gt; ...

Расстояние между изображениями
Изучаю css и html. Что прописать, чтобы не было пробела между картинками? и где лучше в css-файле или html?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru