| |
|
|
| | можно ли добится такого, если он не убирается в одну строчку. | |
| |
|
|
| |
автор: 0987654321 (21.10.2011 в 15:17) |
|
| |
для: kb_nn
(21.10.2011 в 13:34)
| | | CСпециально для этого существует тег <BUTTON>, где между открывающим и закрывающим тегами можно поместить валидный HTML (в том числе и с переносом строки <br>):
<button style="width: 300px">first<br>second</button>
|
Но если уж УПОРНО хочется для кнопок <INPUT> - то решение тоже есть. Но только для MSIE и FireFox. В Opera не работает. (про иные браузеры ничего не скажу - не знаю):
<input type="button" style="width: 300px" id="btn" value = 'first second'>
|
| |
| |
|
|
| |
|
|
| |
для: 0987654321
(21.10.2011 в 15:17)
| | | за батон огромное спасибо!!!!!!!!!!!!!! как раз то, что нужно!!!!!!!!! | |
| |
|
|
| |
|
|
| |
для: kb_nn
(21.10.2011 в 15:26)
| | | хотя знаете.. что-то у меня не работает и так.
до меня дошло.
текст будет переноситься, только при принудительной расстановке <br> в нужных местах.
мне б хотелось, чтоб он переносился автоматически каждый раз, когда не убирается в отведенную ему область | |
| |
|
|
| |
|
|
| |
для: kb_nn
(21.10.2011 в 16:32)
| | | ау. | |
| |
|
|
| |
|
|
| |
для: kb_nn
(24.10.2011 в 14:22)
| | | Уа.
Я же вам УЖЕ написал РАНЕЕ - между <button> и </button> можно написать валидный HTML-код.
Таким образом вам никто не мешает "засунуть" в этот тег любой контейнер, который имеет ограниченную ширину и в котором слова будут автоматически переноситься.
Например, можно использовать DIV фиксированной ширины (меньшей, чем установленная ширина BUTTON):
<button style="width: 100px"><div style="width: 90px">111 222 333 444 555 666 777 888</div></button>
|
Неужели так сложно ПОДУМАТЬ самому? | |
| |
|
|
| |
|
|
| |
для: АЯС
(24.10.2011 в 21:29)
| | | да, вот чего я не догадался, так это вставить див внутрь кнопки.
мне ведь не надо меньшей, мне надо такую же
спасибо.
так работает. | |
| |
|
|
| |
|
|
| |
для: kb_nn
(25.10.2011 в 12:22)
| | | нет, до конца всё-таки я с этим не разобрался.
мне нужна таблица (ширина 100%) из двух ячеек, каждая по 50%.
в каждой ячейке есть кнопка, текст на которой не убирается в одну строку.
помогите реализовать это так, чтобы ширина каждой из ячеек осталась 50% и каждая кнопка занимала бы всю ширину ячейки. | |
| |
|
|
| |
|
|
| |
для: kb_nn
(10.11.2011 в 14:18)
| | |
<!Doctype>
<html>
<head>
<style type="text/css">
button {
width:100%;
}
table td {
border:1px solid green;
width: 50%;
text-align:center;
}
table {
width:100%;
border-collapse: collapse;
}
</style>
</head>
<body>
<table>
<tr>
<td>
<button>Всё<br>очень<br>просто</button>
</td>
<td>
<button>Мир<br>дружба<br>жвачка</button>
</td>
</tr>
</table>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Vladisimus
(10.11.2011 в 17:10)
| | | Товарищу нужен не принудительный перенос, а автоматический - чтобы слова переносились САМИ (если не поместятся на строке).
Да плюс к тому, он желает, чтобы ширина (и, полагаю, высота) обеих кнопок (при разных по объему текстов в них) была одинакова.
PS. Чистым HTML+CSS этого достичь не удастся. Нужно использовать яваскрипт, который после закрытия таблицы принудительно установит для кнопок ширину и высоту. | |
| |
|
|
| |
 8.2 Кб |
|
| |
для: АЯС
(10.11.2011 в 17:35)
| | | нет, высота необязательна, там в каждой ячейке реально много кнопок и текст, но втиорой вариант также не выполняет поставленной задачи.
принтскрин прилагаю. | |
| |
|
|
| |
|
|
| |
для: kb_nn
(10.11.2011 в 18:00)
| | | ПОВТОРЯЮ: Чистым HTML+CSS этого достичь не удастся. Нужно использовать яваскрипт, который после закрытия таблицы принудительно установит для кнопок ширину и высоту. | |
| |
|
|
| |
|
|
| |
для: АЯС
(10.11.2011 в 18:10)
| | | чудеса.
1) вчера, когдла я писал предыд. ссобщение, постскриптума не было.
2)вчера был еще один вариант решения, на который, собственно говоря, я и отвечал, и где был js-код, кстати
3)я не ставил условия обойтись без js | |
| |
|
|
| |
|
|
| |
для: kb_nn
(11.11.2011 в 10:04)
| | | что за глупости? Покажи код, я те перенесу, что угодно.
П. С. По-моему, дивы совать в кнопки не валидно. Другое дело спаны дисплай:блок | |
| |
|
|
| |
|
|
| |
для: kosta_in_net
(11.11.2011 в 12:22)
| | | еще раз
мне нужна таблица (ширина 100%) из двух ячеек, каждая по 50%.
в каждой ячейке есть кнопка, текст на которой не убирается в одну строку.
помогите реализовать это так, чтобы ширина каждой из ячеек осталась 50% и каждая кнопка занимала бы всю ширину ячейки. ( и чтобы текст переносился автоматичеки, а не с помощью br) | |
| |
|
|
| |
|
|
| |
для: kb_nn
(11.11.2011 в 12:38)
| | |
<table style="border-collapse: collapse; table-layout:fixed; width:100%;">
<col width="50%">
<col width="50%">
<tr>
<td>
<button style="width:100%">Однажды в студеную зимнюю пору я из лесу вышел...</button>
<td>
<button style="width:100%">Однажды в студеную зимнюю пору я из лесу вышел...</button>
</table>
|
Можно стили прописать отдельно от кода. Но суть не изменится.
Внимание: это не сработает в ИЕ6 (возможно и в позних версиях). Там текст просто оборвется, как только достигнется ширина кнопки. Не помогает даже white-space: normal (указание переноса при нехватке места). Поэтому, с учетом ИЕ, нужны не кнопки, а ссылки:
<a href="" style="display:block; text-decoration:none; cursor: default;text-align:center; padding:2px 10px; border:2px ridge gray; background:silver">Однажды в студеную зимнюю пору я из лесу вышел...</a>
|
Можно поднастроить их внешний вид. Тут http://webdesign.site3k.net/conjuncture/append/d/links.html описаны извращения с этим | |
| |
|
|
| |
|
|
| |
для: kosta_in_net
(11.11.2011 в 13:06)
| | | спасибо :)
а тогда не подскажете, как симитировать вид нажатой кнопки при нажатии на ссылку. | |
| |
|
|
| |
|
|
| |
для: kb_nn
(11.11.2011 в 14:31)
| | | посмотри:
:link {border:solid 2px; border-color:#e6e6e6 gray gray #e6e6e6; Padding:0 3; background:Maroon;color:white; text-decoration:none}
:active {border-color:gray #e6e6e6 #e6e6e6 gray}
|
(смена оттенков бордера)
в вушеуказанной ссылке есть примеры | |
| |
|
|
