Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


AlexCoder

Recommended Posts

Горизонтальная линия меню на главной странице. Шрифт был выбран покрупнее, а категорий много — 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 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.