Как связать фиксированные изображения с Tumblr CSS?

Question

Для моей темы Tumblr я хочу, чтобы эти 4 фиксированных изображения в правой части экрана были связаны с другой страницей.

My Tumblr's link.

Вот HTML для 1 изображений:

<img src="http://i851.photobucket.com/albums/ab71/rachelala101/fandomsbuttons1-1_zps43ab3b55.png" id="icon1" width="90px"> 

Вот CSS для этого:

#icon1 { 
    display:block; 
    position:fixed; 
    right:20px; 
    top:60px; 
    z-index:130 
} 

Я попытался с помощью тега, чтобы связать его, но затем образы полностью исчезают.

Answer 1

Добро пожаловать в StackOverflow,

Вы должны использовать тег якоря a, как вы упомянули. Вот рабочий образец, замените # на вашу ссылку.

<ul> 
    <li><a href="#"><img src="http://i851.photobucket.com/albums/ab71/rachelala101/fandomsbuttons1-1_zps43ab3b55.png" id="icon1" width="90px" class="icon1_rollover"/></a></li> 
    <li><a href="#"><img src="http://i851.photobucket.com/albums/ab71/rachelala101/fandoms%20buttons%201-1-2_zpsynh4farl.png" id="icon2" width="90px" class="icon2_rollover"/></a></li> 
    <li><a href="#"><img src="http://i851.photobucket.com/albums/ab71/rachelala101/fandomsbuttons1-3_zps10c8734d.png" id="icon3" width="90px" class="icon2_rollover"/></a></li> 
</ul> 

CSS

ul { 
    list-style: none; 
    position:fixed; 
    right:20px; 
    top:60px; 
    z-index:130; 
} 

a { 
    text-decoration: none; 
} 

a:hover { 
    text-decoration:none; 
} 

вы можете прочитать tutorial.

Хороший блог, кстати.