ТвойWeb :: Версия для печати

1. Str - 18 Сентября, 2006 - 09:43:11 - перейти к сообщению

У меня есть кнопка в виде нарезанной картинки, т.е. таблица с тремя колонками. В первой и последней края кнопки, в виде обычных img, а в средней сам текст картинки, а под ним бэкграунд, т.е. в зависимости от текста, кнопка может растягиваться. Как сделать, чтобы вся кнопка целиком была ссылкой, а не только текст?

2. Malcolm - 18 Сентября, 2006 - 11:08:34 - перейти к сообщению

Сделать ссылки для каждой части кнопки?

3. SviMik - 18 Сентября, 2006 - 11:08:49 - перейти к сообщению

CODE:

4. Леголегс - 18 Сентября, 2006 - 11:48:07 - перейти к сообщению

Str
Ну можно попробовать такой вариант

CODE:

<table cellpadding=0 cellspacing=0>
<tr>
<td><a href="#"><img src="link_l.png"></a>
<td style="background-image:url(link_c.png);"><a href="#"><img style="width:100%;height:60px" src="alpha.png"><span style="display:block;margin-top:-45px;">текст ссылки</span></a>
<td><a href="#"><img src="link_r.png"></a>
</table>

link_l.png - левая картинка, link_r.png - правая, link_c.png соответственно то, что по центру. alpha.png - прозрачная картинка.

5. Malcolm - 18 Сентября, 2006 - 11:55:19 - перейти к сообщению

Леголегс
А зачем прозрачная картинка в твоем примере? Интересно просто.
И потом <span style="display:block;"> это в точности просто <div>. Нет?

6. Леголегс - 18 Сентября, 2006 - 13:55:19 - перейти к сообщению

Malcolm
Если юзер не щёлкнет по тексту, он попадёт по прозрачной картинке. А настоящая картинка в беграунде т.к. должна растягиваться.

Malcolm пишет:

И потом span style="display:block;" это в точности просто div. Нет?

Если не ошибаюсь, по стандартам внутри

CODE:

нельзя использовать div, table, form и т.д. Т.е. это хак Улыбка