Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


Recommended Posts

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

Link to post
Share on other sites

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

Link to post
Share on other sites

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

Link to post
Share on other sites

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

Link to post
Share on other sites

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

Был линк...

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

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

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

Link to post
Share on other sites

font-size: 12px;

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

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

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

text-decoration: none;

padding: 4px;

font-size: 14px;

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

Link to post
Share on other sites

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

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

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

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

Link to post
Share on other sites

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

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

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.