Консультация № 59966
24.10.2006, 01:41
0.00 руб.
0 4 2
Доброе время суток, многоуважаемые эксперты!
Вопрос у меня такой: как в таблице сделать в одной ячейке 2 ссылки, одна из которых текстовая, а вторая-рисунок, причем этот же рисунок служит фоновой картинкой для ячейки.
И вообще, возможны ли такие финты без использования java-script, только чистым html (+CSS)? Или это я сильно много хочу?
Заранее спасибо.

Обсуждение

Неизвестный
24.10.2006, 14:58
общий
это ответ
Здравствуйте, AskNoW!
Нет, пожалуй, вы много хотите. Если картинка фоновая, то пиши пропало -- зафиксирована намертво, не подступиться.
А почему бы не сделать ячейку такого же размера, что и картинка? Тогда она будет занимать весь размер ячейки и ссылкой запросто послужит! А надпись можно расположить всё-таки в другой ячейке, либо фон ячейки выбрать какой-то нейтральный.
Это если просто HTML.
Неизвестный
24.10.2006, 23:29
общий
Здравствуйте еще раз. Пожалуй, я не совсем точно описал эффект, которого пытаюсь добиться, поэтому повторюс/исправлю/дополню.Итак, есть таблица размерности 1столбец - x строк. В ячейках расположены собственно ссылки. Далее, фоновым является рисунок высотой в 100% ячейки, а шириной - 2 пикселя, размноженый по горизонтали.Мне нужно, чтобы ВСЯ ячейка работала как ссылка, независимо от того, наведен курсор на текст или на "пустое" место этой ячейки. Понятно, что простейший вариант - это несколько рисунков, на которых нарисованы названия и каждый имеет размер 100%*100%, но тогда при отключенной графике навигация теряет весь вид... Надеюсь на помощь!
Неизвестный
25.10.2006, 14:36
общий
это ответ
Здравствуйте, AskNoW!
А растянуть ссылку на всю ячейку не пробовали?
Данный пример в IE кажется работает так как Вам нужно.
(у меня 1.bmp - это рисунок 1px*1px)

Приложение:
<body><table border=1 width=100px><tr><td background="1.bmp"><a href="link1.htm" target="_blank" style="width:100%">link1</a></td></tr><tr><td background="1.bmp"><a href="link2.htm" target="_blank" style="width:100%">link2</a></td></tr><tr><td background="1.bmp"><a href="link3.htm" target="_blank" style="width:100%">link3</a></td></tr><tr><td background="1.bmp"><a href="link4.htm" target="_blank" style="width:100%">link4</a></td></tr></table></body>
Неизвестный
27.10.2006, 00:36
общий
to HookEst: Спасибо! В ИЕ работает так, как должно, но есть одно но: в других браузерах не работает... С меня как минимум 4, как только доберусь до почты или узнаю, как оценивать без нее :)PS. Вопрос остается открытым!
Форма ответа