|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
04.06.2022, 14:01 | #1 |
Новичок
Пользователь
Регистрация: 04.06.2022
Сообщений: 10
|
Помогите расположить кнопки в центре блока.
HTML:
<div class="nav"> <button>Меню</button> <button>Главная</button> <button>Отзывы</button> <button><a href="https://www.youtube.com/channel/UCQPtdJLtrROBX5ulDmLPduA">Ютуб</a></button> <button><a href="https://yandex.ru/">Яндекс</a></button> </div> CSS: .nav { position: sticky; top: 0px; background-color: gray; margin-top: 20px; margin-bottom: 20px; } По итогу кнопки отображаются слева направо. Пробовал разные атрибуты стиле, но не получается выставить их в центре блока. |
04.06.2022, 14:04 | #2 |
Участник клуба
Регистрация: 17.04.2022
Сообщений: 1,833
|
Код HTML:
<div class="nav"> <center> <button>Меню</button> <button>Главная</button> <button>Отзывы</button> <button><a href="https://www.youtube.com/channel/UCQPtdJLtrROBX5ulDmLPduA">Ютуб</a></button> <button><a href="https://yandex.ru/">Яндекс</a></button> </center> </div> |
04.06.2022, 16:16 | #3 |
Форумчанин
Регистрация: 07.10.2017
Сообщений: 101
|
Добавь в CSS для .nav {text-align: center;} , если надо одной строкой кнопки в центр вывести.
|
04.06.2022, 16:50 | #4 |
Новичок
Пользователь
Регистрация: 04.06.2022
Сообщений: 10
|
Agency, спасибо, помогло. Я не стал даже пробовать этот атрибут исходя из логики, мол, это же кнопки, а не текст. Еще раз благодарю!
|
04.06.2022, 16:52 | #5 |
Участник клуба
Регистрация: 17.04.2022
Сообщений: 1,833
|
А чем html тэг не понравился
Код HTML:
<center>...</center> |
04.06.2022, 17:05 | #6 |
Новичок
Пользователь
Регистрация: 04.06.2022
Сообщений: 10
|
macomics, благодарю). Понравился, я запомнил его для себя. Просто я сейчас как раз познаю CSS и быстренько вписал строку в открытый CSS файл.
|
04.06.2022, 17:07 | #7 |
Участник клуба
Регистрация: 17.04.2022
Сообщений: 1,833
|
Надо было уточнить в первом посте, что надо на css
|
04.06.2022, 17:35 | #8 |
Новичок
Пользователь
Регистрация: 04.06.2022
Сообщений: 10
|
macomics, я бы конечно уточнил, но откуда мне было знать, что будет 2 варианта решения. Я ведь только два дня как изучаю тему.
|
04.06.2022, 17:38 | #9 |
Участник клуба
Регистрация: 17.04.2022
Сообщений: 1,833
|
Ну вы же используете 2 разных скрипта для разметки страницы. Один непосредственно для разметки текста (HTML), а второй это таблица стилей (CSS).
ADD: Нажмите в браузере F12. В большинстве откроется инструмент разработки - поможет разобраться что, где и когда. Последний раз редактировалось macomics; 04.06.2022 в 17:47. |
04.06.2022, 21:32 | #10 |
Новичок
Пользователь
Регистрация: 04.06.2022
Сообщений: 10
|
macomics, хорошо, спасибо.
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Расположить форму относительно кнопки на листе | ольгаг | Microsoft Office Excel | 3 | 27.07.2016 11:26 |
Blowfish (резервирование дополнительного байта для блока, говорящий о длине блока) | ITdocer | Общие вопросы C/C++ | 0 | 21.05.2014 15:40 |
Помогите плиз реализовать в Lasarus! Изобразить удаляющийся квадрат, определенных размеров, размещенный в центре экрана. | soso1 | Помощь студентам | 1 | 15.10.2013 18:45 |
Помогите правильно расположить текст в блоге! | V_for_Veronica | HTML и CSS | 2 | 19.08.2008 17:00 |