Перейти к содержанию
AlexCoder

Как сделать пункты меню короче?

Рекомендуемые сообщения

Горизонтальная линия меню на главной странице. Шрифт был выбран покрупнее, а категорий много — 10 штук. Они все не влезают в ширину экрана. Хотелось бы сделать что-то типа укороченного пункта меню, который расширяется при наведении, лучше — плавно. Делал укорачивание при помощи CSS — текст начинает переноситься. Так не получится. Есть ли какой-нибудь способ сделать все пункты меню, скажем, по 100 пикселей и чтобы невмещающийся остаток текста не переносился, а просто скрывался, а когда наводишь на пункт курсор мыши, этот пункт меню расширяется?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ссылку бы на магазин выложили,больше шансов что помогут.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Я бы вообще сделал статикой. Не так часто меняется меню категорий.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ссылку бы на магазин выложили,больше шансов что помогут.

Был линк...

Нужно как-то сделать, чтобы все пункты помещались в одну строку. Размер шрифта оставить такой же. Я пробовал делать высоту строки в 2 раза выше — смотрелось нормально, но в тех пунктах меню, что переходили на вторую строку, переставало работать выпадающее меню.

Вот это не поможет?

Нет, это позволяет поместить все пункты в одну строку, но перестаёт работать выпадающее меню.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

font-size: 12px;

и удалите font-weight: bold;

ну и соответственно 608 строка

#menu > ul > li ul > li > a {

text-decoration: none;

padding: 4px;

font-size: 14px;

А ещё удалить рибоны и отцентровать текст меню

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Всё равно широко. Никак нельзя пустить в 2 строки, чтоб выпадающее меню работало?

А ещё удалить рибоны и отцентровать текст меню

Что это даст? Ribbon в меню хорошо выглядит.

Add: решил просто урезать заголовки... Пока лучшего решения не найдено.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Чтоб не заморачиваться выведи в верхнее меню информационные кнопки,а сами категории размести слева или справа сайта.И проверь футер,он скукожился и стал налазить строка на строку.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.