| |
|
|
| | Уважаемые гуру веб-программирования!
Не пинайте ногами, 4 темы я просмотрел, но ответа не нашёл. Смысл в следующем: нужно растянуть (именно растянуть, а не repaet-y) картинку которая назначена фоном ячейки таблицы. Причины очевидны: при изменении высоты ячейки фон "подстраивается" под содержимое.
Как выглядит сейчас:
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="ab_menu_left_0"> </td> <!--рисунок левой части "кнопки" -->
<td class="ab_menu_0"><a title="Перейти по ссылке" href="some_link.html">Некоторый длинный текст</a></td>
<td class="ab_menu_right_0"> </td> <!--рисунок правой части "кнопки" -->
</tr>
</tbody>
</table>
|
стиль:
.ab_menu_0 {margin-top: 1px; margin-bottom: 1px; height: 21px; background: url("../images/ab_menu.png") repeat-x;}
.ab_menu_0 {font-weight: bold;}
.ab_menu_0 a {font-weight: normal;}
.ab_menu_0 a:hover {font-weight: bold;}
.ab_menu_left_0{margin-top: 1px; margin-bottom: 1px; height: 21px; width: 10px; background: url("../images/ab_menu_left.png") no-repeat;}
.ab_menu_right_0{margin-top: 1px; margin-bottom: 1px; height: 21px; width: 10px; background: url("../images/ab_menu_right.png") no-repeat;}
|
Такой код кнопку не растягивает, и, как я понял, сделать это не так то тривиально...
Примечание: линки в html-коде недопустимы, они вырезаются CMS'кой по соображениям безопасности, т.о. выход только через использование классов. | |
| |
|
|
|
| |
|
|
| |
для: ЯСА
(26.06.2012 в 18:27)
| | | Да был я там... как ни пробовал прикрутить background-size, не получилось... | |
| |
|
|
