Туплю. Не могу сделать пару моментов (кнопки и меню с переносом слов)

Сообщение **Smart77** » 09 дек 2019, 15:18

1. Не могу понять как сделать кнопку с переносом текста, т.е. текст на кнопке достаточно длинный и нужен перенос слов.
Делаю обычную кнопку и получаю ерунду, делаю джейквери кнопку и получаю ерунду. Нужна именно кнопка, я понимаю что можно "повешать" на текстовый блок событие, и при клике открывать ссылку, но к сожалению нужна именно кнопка.

2. Ну и второй затык такой же. Не могу понять как сделать текстовое меню с переносом текста, пункт меню длинный, и либо просто обрезается текст либо просто вылазит за границы. Как указать перенос в меню?

Сообщение **Alex15963** » 11 дек 2019, 11:39

Попробуйте поставить знак переноса(тире)

Сообщение **Smart77** » 11 дек 2019, 13:40

Ни тире (-)
ни <br>
ни стили (style="width: 5em; white-space: pre-line), (style="word-break: break-all;") и т.д.
не дали нужного результата, пришлось колхозить колхоз.

Сообщение **anonimus** » 11 дек 2019, 16:04

Smart77 писал(а):Источник цитаты текст на кнопке достаточно длинный и нужен перенос слов.

2019-12-11 18-02-49 WYSIWYG Web Builder - [Безымянный1].png

Сообщение **Smart77** » 11 дек 2019, 16:54

Спасибо, но не помогло. С самого начало пробовал JQ кнопку, но выходит только это (скрин)
Что я делаю не так? Или где то есть где то хитрая настройка?

Сообщение **spoon** » 11 дек 2019, 18:08

Smart77, jq кнопка переносит текст, только точку делать надо

Сообщение **anonimus** » 11 дек 2019, 18:15

в конструкторе не переносит, а в предпросмотре переносит без точек

Сообщение **spoon** » 11 дек 2019, 18:22

Пробовал без точки, не переносит

Сообщение **Smart77** » 11 дек 2019, 18:35

Нет, точка не помогает, да и не должна, это не спецсимвол.
Вот что у меня при предпросмотре. Либо кнопка большая (под 3 строки) и перенесенные строки улетают в низ (а межстрочное никак не регулируется стилями), либо кнопка под размер и текст уже за кнопкой вторыми и третьими строками идет

Сообщение **spoon** » 11 дек 2019, 18:38

Причем тут спецсимвол то? видос

Сообщение **Smart77** » 11 дек 2019, 18:48

Спасибо за видео, Но вопрос это не сняло.

Сообщение **anonimus** » 11 дек 2019, 19:19

короче, без всяких точек и переносов

2019-12-11 21-18-28 WYSIWYG Web Builder - [Безымянный1].png

Отправлено спустя 3 минуты 6 секунд:
а вот с переносом

2019-12-11 21-21-33 WYSIWYG Web Builder - [Безымянный1].png

Сообщение **Smart77** » 12 дек 2019, 01:25

Спасибо всем кто откликнулся!

У меня получается как на последнем моём скрине.
Текст перенесен, но уже не на кнопке а за ее границами, меняешь высоту кнопки, "улетает" межстрочное и опять текст ниже границ кнопки. Попробую поиграться стилями страницы или пороюсь в инете, может еще что-нибуть найду.

Меня тут озадачило еще одна фишка.
(прям везет)
Как в слое (обычный слой) сделать ссылку (не действия по клику и уходить на линк) а с настройкой в открытии в отдельном окне (_blank) и отображением соотв курсора. (в предлагаемом выборе нет курсора ссылки)

Сообщение **SuperBatya** » 16 дек 2019, 10:45

1. В особый стиль прописать: cursor: pointer;
2. Открываем вкладку "Событие" с параметрами: "Событие" - onclick, "Действие" - Функция JavaScript, + JavaScript: window.open('./страница1.html');

Сообщение **Smart77** » 16 дек 2019, 10:59

Спасибо за отклик, уже сделал.

Сообщение **SuperBatya** » 16 дек 2019, 11:01

Либо перед тегом прописать: <a href="./страница1.html" target="_blank">

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

Добро пожаловать на форум!