[CSS] Как сверстать такую ячейку?
<a href = #><div>cell</div></a>
у дива не сделаешь такой фон, а если див позиционировать над таблицей с фоном, ссылкой получается не вся ячейка
ты ж сказал, что нарисовать не проблема.
Ну слоями сделай, вложенный див
Ну слоями сделай, вложенный див
она уже нарисована.
Но ссылкой ВСЯ она не становится.
Но ссылкой ВСЯ она не становится.
<a href="">
<div width=100%>
<>
<table width=100% cellspacing=0 cellpadding=0 border=0><tr><td style="background-image:url('images/leftbg.gif'); background-position:left; background-repeat:repeat-y"><img src="images/1x1.gif" border=0 height=30 width=35></td><td style="background-image:url('images/rightbg.gif'); background-position:right; background-repeat:repeat-y"><img src="images/1x1.gif" border=0 height=30 width=35></td></tr></table>
<div style="position:relative; top:-24px;">Текст ссылки</div>
</div></a>
пока у тебя href пустой, она и не будет ссылкой
будет
не в том дело
не в том дело
да все там нормально ваще-то
вот не всё, как оказалось. В итоге ссылками делал и градиенты, и распорку в центре, и текст. Иначе не всё, не везде и не кроссбраузерно было.
Оставить комментарий
uncle17
боковые градиенты есть, центр - тянущийся, но при этом текст залезает на градиенты.
Саму ячейку сделать не проблема.
Проблема осталась одна - сделать ее ВСЮ (т.е. совсем) ссылкой. Поиск говорит о display:block и display:inline-block, но я что-то не очень понимаю, куда их тут...