|
| |
|
|
| |
для: 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}
|
(смена оттенков бордера)
в вушеуказанной ссылке есть примеры | |
| |
|
|
| |
|
|
| |
для: kosta_in_net
(11.11.2011 в 13:06)
| | | спасибо :)
а тогда не подскажете, как симитировать вид нажатой кнопки при нажатии на ссылку. | |
| |
|
|
| |
|
|
| |
для: 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 в 12:22)
| | | еще раз
мне нужна таблица (ширина 100%) из двух ячеек, каждая по 50%.
в каждой ячейке есть кнопка, текст на которой не убирается в одну строку.
помогите реализовать это так, чтобы ширина каждой из ячеек осталась 50% и каждая кнопка занимала бы всю ширину ячейки. ( и чтобы текст переносился автоматичеки, а не с помощью br) | |
| |
|
|
| |
|
|
| |
для: kb_nn
(11.11.2011 в 10:04)
| | | что за глупости? Покажи код, я те перенесу, что угодно.
П. С. По-моему, дивы совать в кнопки не валидно. Другое дело спаны дисплай:блок | |
| |
|
|
| |
|
|
| |
для: АЯС
(10.11.2011 в 18:10)
| | | чудеса.
1) вчера, когдла я писал предыд. ссобщение, постскриптума не было.
2)вчера был еще один вариант решения, на который, собственно говоря, я и отвечал, и где был js-код, кстати
3)я не ставил условия обойтись без js | |
| |
|
|
| |
|
|
| |
для: kb_nn
(10.11.2011 в 18:00)
| | | ПОВТОРЯЮ: Чистым HTML+CSS этого достичь не удастся. Нужно использовать яваскрипт, который после закрытия таблицы принудительно установит для кнопок ширину и высоту. | |
| |
|
|
| |
 8.2 Кб |
|
| |
для: АЯС
(10.11.2011 в 17:35)
| | | нет, высота необязательна, там в каждой ячейке реально много кнопок и текст, но втиорой вариант также не выполняет поставленной задачи.
принтскрин прилагаю. | |
| |
|
|
| |
|
|
| |
для: Vladisimus
(10.11.2011 в 17:10)
| | | Товарищу нужен не принудительный перенос, а автоматический - чтобы слова переносились САМИ (если не поместятся на строке).
Да плюс к тому, он желает, чтобы ширина (и, полагаю, высота) обеих кнопок (при разных по объему текстов в них) была одинакова.
PS. Чистым HTML+CSS этого достичь не удастся. Нужно использовать яваскрипт, который после закрытия таблицы принудительно установит для кнопок ширину и высоту. | |
| |
|
|
| |
|
|
| |
для: 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>
|
| |
| |
|
|
|
