Перенос слов в CSS и текстовом меню  [РЕШЕНО]

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить

Автор Темы
livsi

Перенос слов в CSS и текстовом меню

Сообщение livsi » 30 апр 2015, 15:06

Пункты меню выводятся только в одну строку. Если название пункта меню длинное то, оно либо обрезается при фиксированной ширине блока, либо блок подгоняется под строку меню. При вставке тега <br> (Пункт меню<br>Пукнт меню) в название пункта, выводится этот же тег, потому что название пункта переводится в html символы (<li class="firstmain"><a href="#" target="_self">&#1055;&#1091;&#1085;&#1082;&#1072;&#1090;&nbsp;&#1084;&#1077;&#1085;&#1102;&lt;br&gt;&#1055;&#1091;&#1085;&#1082;&#1090;&nbsp;&#1084;&#1077;&#1085;&#1102;</a>)

Эта проблема отчасти решается при помощи CSS word-wrap:break-word; Но так как название пункта меню состоит из символов, то переносятся отдельные буквы, и разрывается слово. В общим не красиво получается.

К нибудь сталкивался с подобным ? Как сделать перенос слов в меню ?

Реклама
Аватара пользователя

vlad
Подающий надежды
Подающий надежды
Сообщения: 145
Зарегистрирован: 08 янв 2014, 19:40
Версия Web Builder: 9.2
Имя: Владимир

Перенос слов в CSS и текстовом меню

Сообщение vlad » 30 апр 2015, 22:10

Делал двустрочное меню, используя Shapes.

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Перенос слов в CSS и текстовом меню  [РЕШЕНО]

Сообщение anonimus » 30 апр 2015, 22:16

Советовал кому-то тут как меню изменить. В поиске поищите
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по 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 и текстовом меню

Сообщение Alex15963 » 20 май 2015, 00:08

Поставьте перенос

Аватара пользователя

sinpai
Мастер
Мастер
Сообщения: 808
Зарегистрирован: 01 сен 2014, 11:19
Версия Web Builder: 14.2.2
Имя: Иван
Контактная информация:

Перенос слов в CSS и текстовом меню

Сообщение sinpai » 20 май 2015, 23:09

Немного не понимаю, что значит поставить перенос?
И грянет страшный русский ренессанс!


Автор Темы
livsi

Перенос слов в CSS и текстовом меню

Сообщение livsi » 21 май 2015, 16:46

Алекс15963 писал(а):Поставьте перенос


Перенос поставить куда ? В угол, на стол, в гараж, или еще кое куда ? Если даете рекомендации, то давайте так, чтобы было понятно, о чем идет речь.

Отправлено спустя 2 минуты :
sinpai писал(а):Немного не понимаю, что значит поставить перенос?


Чтобы понять что значит перенос, создай CSS меню, и пункт меню с длинным наименованием, и сразу станет понятно.

Аватара пользователя

Alex
Admin
Admin
Сообщения: 3160
Зарегистрирован: 06 фев 2012, 00:03
Версия Web Builder: 14.2.2
Имя: Алексей
Контактная информация:

Перенос слов в CSS и текстовом меню

Сообщение Alex » 21 май 2015, 17:06

livsi писал(а):Источник цитаты Чтобы понять что значит перенос, создай CSS меню, и пункт меню с длинным наименованием, и сразу станет понятно.

Что понятно то?
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Перенос слов в CSS и текстовом меню

Сообщение anonimus » 21 май 2015, 17:35

сделайте меню из текстовых блоков на крайний случай
хуже-то точно не будет
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по 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 и текстовом меню

Сообщение sinpai » 21 май 2015, 21:00

livsi писал(а):
Алекс15963 писал(а):Поставьте перенос


Перенос поставить куда ? В угол, на стол, в гараж, или еще кое куда ? Если даете рекомендации, то давайте так, чтобы было понятно, о чем идет речь.

Отправлено спустя 2 минуты :
sinpai писал(а):Немного не понимаю, что значит поставить перенос?


Чтобы понять что значит перенос, создай CSS меню, и пункт меню с длинным наименованием, и сразу станет понятно.


Ставим css меню и пункт с длинным названием. И вот что получаем Изображение

Отправлено спустя 52 секунды:
Все тот же вопрос - где перенос?

Отправлено спустя 2 минуты 30 секунд:
anonimus писал(а):сделайте меню из текстовых блоков на крайний случай
хуже-то точно не будет

Можно и из управляемых изображений. Даже прикольнее - можно сделать " продавливание " кнопки. Да и всякие другие эффекты. Фотошоп как всегда могуч.
И грянет страшный русский ренессанс!

Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Перенос слов в CSS и текстовом меню

Сообщение anonimus » 21 май 2015, 21:04

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
==============


Автор Темы
livsi

Перенос слов в CSS и текстовом меню

Сообщение livsi » 22 май 2015, 10:16

Вариантов много, и текстовые блоки, и вставка изображений, все это напоминает танец с бубном. Факт в том, что есть стандартное решение (CSS меню) для создания меню. Как никак но "CSS меню" позволяет быстро настроить меню, легко перемещать пункты верх и в низ и т.д., однако данное решение не доработано до конца. В этом, то весь прикол :-): . Скорость, разработки тоже играет важную роль. Всем, спасибо, за подсказки.


Ответить

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя