Картинка как ссылка через css

27

RedBa

30 октября 2013, 17:06

568

Добрый, пока не закидали помидорами аля пользуйтесь поиском, все так спрошу

Где в css прописать, чтобы картинка стала кликабельной ссылкой, спс:

#top_basket {

position:absolute;

top:1px;

right:1px;

width:210px;

height:120px;

padding:18px;

z-index:3;

no-repeat 15px 22px;

background: url("/images/pic.jpg") no-repeat scroll 10px 5px transparent}

Тефлоновые ножки для мышек Razer, Logitech, SteelSeries (https://zoomobi.ru/nozhki-dlja-myshek/)

67

lordenas

30 октября 2013, 17:37

#1

По моему никак. Заключите картинку в тег

ну можно еще {cursor: pointer}

1609

SeVlad

30 октября 2013, 18:26

#2

RedBa:
Где в css прописать, чтобы картинка стала кликабельной ссылкой,

В цсс - нигде!

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.

27

RedBa

30 октября 2013, 18:38

#3

А если в html вот так добавить будет работать?

1609

SeVlad

30 октября 2013, 18:40

#4

RedBa:
вот так добавить

А где ж картинка (анкор)? ;)

Вставишь картинку\анкор - будет работать.

27

RedBa

30 октября 2013, 18:43

#5

С учетом того что в css прописанно:

#top_basket {

position:absolute;

top:1px;

right:1px;

width:210px;

height:120px;

padding:18px;

z-index:3;

no-repeat 15px 22px;

background: url("/images/pic.jpg") no-repeat scroll 10px 5px transparent}

А в html написать вот это:

или что то не так?...

Подскажите, как сделать плавающее неправильно отображается тема вордпресс Помогите с css меню

1609

SeVlad

30 октября 2013, 18:48

#6

RedBa:
или что то не так?...

Я поправил пост выше.

Под что картинка должна подкладываться? Под пустое место?

И пробуй, чего спрашивать?

67

lordenas

30 октября 2013, 18:49

#7

проще указать так.

#top_basket {
position:absolute;
top:1px;
right:1px;
width:210px;
height:120px;
padding:18px;
z-index:3;
}

M9

25

metaller92

30 октября 2013, 19:44

#8

Ну если картинка не элемент интерфейса, тогда все правильно написали.

<a href="#"><img src="bla-bla.png" alt="bla" /></a>

А если ссылкой является элемент интерфейса, тогда пиши для a в css background, поставь a display:block и фигач стили как блоку.

Зачем быть уникальным в мире, где все можно скопировать

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи