6 февраля 2013 в 8:49
Товарищи, вывожу вьюхой новости,
НАЗВАНИЕ
BODY
и ссылка на просмотр её
и приспичило меня, темизировать эту ссылку в виде картинки/кнопки,
т.е. тупо задал background-image в виде кнопки с текстом уже готовым
но вот беда, при наводе мышкой на эту картинку она её не чухает её как ссылку, и правильно это же background ведь
а если же навести на ПРОСМОТР, то чует,...
подскажите пожалуйста как можно сделать чтобы вся моя картинка, у которой в css заданы и width и height, чувствовалась как ссылка тоже
Большое спасибо заранее!!!
Комментарии
display: block;
я изначально тоже так сделал, не помогло
В стилях для элемента указать:
.element {cursor: pointer}
При этом ссылка должна быть указано во вьюхе.
не совсем наверно поняли, мне курсор менять не нужно, мне нужно чтобы фоновое изображение (его размеры) тоже играли роль ссылки
и padding:10px(тут смотрите, чтобы по размерам бэкграунда)
также почитайте это, чтобы убрать надпись
задай ссылке:
display:block;
width: ширина кнопки
height: высота кнопки
text-indent:-2000px - это чтобы не было текста "просмотр"
http://habrahabr.ru/post/139311/
сделал по такому принципу
.text-hide {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
...........................................
а чем вариант с нулевым размером шрифта не устроил?
тупил!!! темизировал сам текст ссылки, а надо было темизировать ссылку! (т.е. переопределить её надо было)
большое всем спасибо!!!
У меня вот так и все идеально
background: url("img/btn.jpg") no-repeat scroll left top transparent;
border: medium none;
font-size: 0;
height: 22px;
margin-left: 10px;
margin-top: 13px;
padding: 0;
text-indent: -9999px;
vertical-align: middle;
width: 56px;
начала повесили, потом сожгли. чтобы уже наверняка)
а чтобы кнопкакартинка была без ссылки но вела туда куда надо (визуально для юзеров нужно скрыть ссылку)
js
upd. хватит жульничеством заниматься
не я это к тому что если товара нет уже а чел уже знает id ноды и он может вбить сам в строки добавица. только для этого интересовался...