Как убрать белые линии сверху и снизу меню?

Question

[SeraphimaAkkerman]

Скриншот фрагмента кода удалён модератором.

Comments

[Kvason]

ну как минимум залезть в консоль разработчика и посмотреть что эти линии из себя представляют

[Ankhena]

Kvason, что они из себя представляют и так вполне понятно.

SeraphimaAkkerman эти линии это вылезающие отступы от заголовков. Гуглите "выпадение и схлопывание вертикальных margin" и воспользуйтесь любым из способов починки.

Но для начала хорошо бы почитать про семантику и не делать меню инпутами. Пункты меню это ссылки.
Сам заголовок "Меню" выглядит совсем странно. Зачем оно? И так очевидно, что это меню.
Про семантику верстки навигации есть прекрасное видео Вадима Макеева https://www.youtube.com/watch?v=y52rtbUeCac&list=P...

Кнопки (именно кнопки) удобнее делать тегами button, чем input. Легче стилизуются, можно внутрь складывать другие теги, текст не является значением. А input это просто устаревший вариант, когда тега button просто не существовало, оставлен для совместимости.

[Semantic.Moscow]

Ankhena,

когда тега button просто не существовало

это когда? в html 3.2?
т.е. до 97 года?
и с чем это совместимость такая нужна?

[Сергей Кореневский]

Ankhena, Ну вроде как местами SECTION использует, значит семантику блюдёт.
Хотя, я бы для меню делал бы ссылки A, а после этого в JS бы переопределял бы их вызовы.
Это позволит ссылки открывать при помощи колёсиком мышки.
ЯндексВидео меня достал, там есть карточки с кинофильмами. Ннажимаешь на ней колесико, а она не хочет открыватся в новой вкладке. Например захочется посмотреть 10 фильмов с Траволтой, вместо того чтобы открыть 10 вкладок, приходится копипастить каждое название в блокнот. А потом приходится обратно копипастить в новую вкладку.
Уже 5 раз писал в поддержку о проблеме. Поотрывал бы руки за такой дружественный интерфейс.

[Ankhena]

Сергей Кореневский, не поняла идею, зачем тут js для ссылок в меню.

[Сергей Кореневский]

Ankhena, помойму все очевидно и ясно. Любой самый начинающий верстальщик, знает назначение тега < A>. А если он делает меню из кнопок, то догадайтесь почему?

[Ankhena]

Сергей Кореневский, вы предложили:

Хотя, я бы для меню делал бы ссылки A, а после этого в JS бы переопределял бы их вызовы.

Я хочу у вас уточнить, зачем вы рекомендуете автору вопроса для этих ссылок использовать JS?

[Сергей Кореневский]

Ankhena, А как Вы хотели сделать AJAX страницу без JS?
Чтобы раздел О НАС бы открывался бы без загрузок.

[SeraphimaAkkerman]

Сергей Кореневский, а чем плохи кнопки?

[Ankhena]

SeraphimaAkkerman,
кнопки - действие
ссылки - переход на другую страницу или к якорю на текущей

У вас что?

[Сергей Кореневский]

SeraphimaAkkerman, что и требовалось доказать, хотел AJAX.
Представьте Вам вдруг надо ехать в больницу на автомобиле друга, чтобы его отвести в больницу.
Вы сели за руль а ручка включения поворотника на самом деле переключает передачи скорости, а вместо педали газа поворот налево.
Я Выше уже писал как работает сайт ЯндексВидео. Суть в том чтобы когда пользователь видит ссылку, он на ней мог нажать правой кнопкой и иметь возможность скопировать ее в буфер обмена. Чтобы пользователь мог зажать CTRL и кликнуть по ссылке.
В конце концов Вы можете создать ссылки < A HREF="#ключ страницы"> чтобы скопированная такая ссылка при загрузке открывала именно тот раздел на который она расчитана.

[Ankhena]

Сергей Кореневский,

А если он делает меню из кнопок, то догадайтесь почему?

Потому что это первый сайт или близко к тому.
И вовсе не стоит обзывать новичков умственно отсталыми.

[Сергей Кореневский]

Ankhena, Он не умстевнноосталый а просто хотел сделать AJAX. и это его второй сайт. Первый он уже делал без кнопок

[Модератор]

См.п.3.8 Регламента.

[Сергей Кореневский]

Ankhena, Вы правильно пишите про действие и переход.
Этот приоритет надо соблюдать, но выше этого приоритета есть UE (User Experions). Надо сохранить пользовательский работы с сайтом. Если человек ожидает что на сайте это ссылка, значит она должна быть ссылкой, даже если она кнопка и не делает переходы, но если от нее ожидают работу как ссылку то значит должна быть ссылкой.