Jump to content
Sign in to follow this  
AlexCoder

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

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Был линк...

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

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

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

Share this post


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;

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

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.