Пункты меню выводятся только в одну строку. Если название пункта меню длинное то, оно либо обрезается при фиксированной ширине блока, либо блок подгоняется под строку меню. При вставке тега <br> (Пункт меню<br>Пукнт меню) в название пункта, выводится этот же тег, потому что название пункта переводится в html символы (<li class="firstmain"><a href="#" target="_self">Пункат меню<br>Пункт меню</a>)
Эта проблема отчасти решается при помощи CSS word-wrap:break-word; Но так как название пункта меню состоит из символов, то переносятся отдельные буквы, и разрывается слово. В общим не красиво получается.
К нибудь сталкивался с подобным ? Как сделать перенос слов в меню ?
Перенос слов в CSS и текстовом меню [РЕШЕНО]
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
-
vlad
- Подающий надежды

- Сообщения: 145
- Зарегистрирован: 08 янв 2014, 19:40
- Версия Web Builder: 9.2
- Имя: Владимир
Перенос слов в CSS и текстовом меню
Делал двустрочное меню, используя Shapes.
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Перенос слов в CSS и текстовом меню [РЕШЕНО]
Советовал кому-то тут как меню изменить. В поиске поищите
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============
-
Alex15963
- Опытный

- Сообщения: 697
- Зарегистрирован: 17 фев 2015, 13:13
- Версия Web Builder: 10.4.4
- Имя: Алексей
Перенос слов в CSS и текстовом меню
Поставьте перенос
-
sinpai
- Мастер

- Сообщения: 808
- Зарегистрирован: 01 сен 2014, 11:19
- Версия Web Builder: 14.2.2
- Имя: Иван
- Контактная информация:
Перенос слов в CSS и текстовом меню
Немного не понимаю, что значит поставить перенос?
И грянет страшный русский ренессанс!
-
livsi
Перенос слов в CSS и текстовом меню
Алекс15963 писал(а):Поставьте перенос
Перенос поставить куда ? В угол, на стол, в гараж, или еще кое куда ? Если даете рекомендации, то давайте так, чтобы было понятно, о чем идет речь.
Отправлено спустя 2 минуты :
sinpai писал(а):Немного не понимаю, что значит поставить перенос?
Чтобы понять что значит перенос, создай CSS меню, и пункт меню с длинным наименованием, и сразу станет понятно.
-
Alex
- Admin

- Сообщения: 3160
- Зарегистрирован: 06 фев 2012, 00:03
- Версия Web Builder: 14.2.2
- Имя: Алексей
- Контактная информация:
Перенос слов в CSS и текстовом меню
livsi писал(а):Источник цитаты Чтобы понять что значит перенос, создай CSS меню, и пункт меню с длинным наименованием, и сразу станет понятно.
Что понятно то?
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Перенос слов в CSS и текстовом меню
сделайте меню из текстовых блоков на крайний случай
хуже-то точно не будет
хуже-то точно не будет
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============
-
sinpai
- Мастер

- Сообщения: 808
- Зарегистрирован: 01 сен 2014, 11:19
- Версия Web Builder: 14.2.2
- Имя: Иван
- Контактная информация:
Перенос слов в CSS и текстовом меню
livsi писал(а):Алекс15963 писал(а):Поставьте перенос
Перенос поставить куда ? В угол, на стол, в гараж, или еще кое куда ? Если даете рекомендации, то давайте так, чтобы было понятно, о чем идет речь.
Отправлено спустя 2 минуты :sinpai писал(а):Немного не понимаю, что значит поставить перенос?
Чтобы понять что значит перенос, создай CSS меню, и пункт меню с длинным наименованием, и сразу станет понятно.
Ставим css меню и пункт с длинным названием. И вот что получаем

Отправлено спустя 52 секунды:
Все тот же вопрос - где перенос?
Отправлено спустя 2 минуты 30 секунд:
anonimus писал(а):сделайте меню из текстовых блоков на крайний случай
хуже-то точно не будет
Можно и из управляемых изображений. Даже прикольнее - можно сделать " продавливание " кнопки. Да и всякие другие эффекты. Фотошоп как всегда могуч.
И грянет страшный русский ренессанс!
-
anonimus
- Moderator

- Сообщения: 5248
- Зарегистрирован: 12 июн 2012, 07:12
- Версия Web Builder: 12.0.2
- Имя: Анатолий Webmaster
- Контактная информация:
Перенос слов в CSS и текстовом меню
sinpai писал(а):Источник цитаты Можно и из управляемых изображений. Даже прикольнее - можно сделать " продавливание " кнопки. Да и всякие другие эффекты. Фотошоп как всегда могуч.
вариантов море на самом деле
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============
-
livsi
Перенос слов в CSS и текстовом меню
Вариантов много, и текстовые блоки, и вставка изображений, все это напоминает танец с бубном. Факт в том, что есть стандартное решение (CSS меню) для создания меню. Как никак но "CSS меню" позволяет быстро настроить меню, легко перемещать пункты верх и в низ и т.д., однако данное решение не доработано до конца. В этом, то весь прикол
. Скорость, разработки тоже играет важную роль. Всем, спасибо, за подсказки.
. Скорость, разработки тоже играет важную роль. Всем, спасибо, за подсказки.Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя

