Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Кнопка с переносом текста на другую строку 
:(
    Опции темы
Syltan
Дата 6.5.2010, 20:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: нет
Всего: -2



Как перенести текст на другую строку в кнопке? 
PM MAIL   Вверх
Amphiluke
Дата 6.5.2010, 20:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 9
Всего: 112



Код

<button type="button">This is a<br />multiline button</button>

PM   Вверх
Syltan
Дата 6.5.2010, 20:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: нет
Всего: -2



А обработчик написать-то можно ли будет?
PM MAIL   Вверх
Amphiluke
Дата 6.5.2010, 20:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 9
Всего: 112



Конечно. Так же, как и для объекта HTMLInputElement, здесь можно задавать обработчики тех же событий через такие же атрибуты (onclick и проч.).

Добавлено через 1 минуту и 47 секунд
Код

<button type="button" onclick="alert('An event has been fired');">This is a<br />multiline button</button>

PM   Вверх
Syltan
Дата 6.5.2010, 20:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: нет
Всего: -2



Объясните вот это-------> a<br />multiline button
<br /> - Так закрывают бр?
multiline button - Это что такое?

отсутп какой-то большой при переходе

Это сообщение отредактировал(а) Syltan - 6.5.2010, 21:02
PM MAIL   Вверх
Amphiluke
Дата 6.5.2010, 21:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 9
Всего: 112



 smile 
Представьте, что дескриптор <button> — это обычный контейнер HTML контента. В него можно и картинку запихать, например. А можно запихать дескриптор <br />, и тогда получится многострочная (multiline) надпись на кнопке.

P.S. Если вы не работаете с XHTML, замените <br /> на <br>.
PM   Вверх
Syltan
Дата 6.5.2010, 21:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: нет
Всего: -2



Междустрочный интервал огромный
PM MAIL   Вверх
Amphiluke
Дата 6.5.2010, 21:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 9
Всего: 112



Цитата(Syltan @  7.5.2010,  01:08 Найти цитируемый пост)
Междустрочный интервал огромный

Где? O_o


Присоединённый файл ( Кол-во скачиваний: 14 )
Присоединённый файл  button.png 11,89 Kb
PM   Вверх
Syltan
Дата 6.5.2010, 21:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: нет
Всего: -2



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

Это сообщение отредактировал(а) Syltan - 6.5.2010, 21:29
PM MAIL   Вверх
Amphiluke
Дата 6.5.2010, 21:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 9
Всего: 112



Ничего не понял про стили.  smile  
Они вообще не нужны.
Вот весь код, результатом которого были те скриншоты, что я показал в предыдущем сообщении.
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
    <form action="#">
        <button type="button" onclick="alert(this);">This is a<br />multiline button</button>
    </form>
</body>
</html>

Никаких огромных интервалов, никаких дополнительных стилей вводить надобности нет. Может, я чего-то не догоняю...  smile 
PM   Вверх
Syltan
Дата 6.5.2010, 21:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 301
Регистрация: 31.8.2009

Репутация: нет
Всего: -2



Ладно не буду заострять на этот внимание впичкаю стили по надобности для межд. интервала.
Случиалсь проблемма №2. Хочу разметить выше кнопки текстовое поле, а ниже её, только не впритык, а ниже немного от текстового поля разметсить кнопку именно такого типа с переносом, не получается .


Это сообщение отредактировал(а) Syltan - 6.5.2010, 21:44
PM MAIL   Вверх
Amphiluke
Дата 6.5.2010, 21:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 9
Всего: 112



Код

button {margin-top: 25px;}

smile
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0473 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.