div картинка ссылка

[Plan]

искал не нашёл подобной темы,

Как сделась ссылку при нажатии на картинку?

в CSS:

#menupc {
background: url("/путь/pc.png") ;
display: block;
width: 65px;
height: 65px;
}

#menupc:hover {
background-position: 0 -65px;
}

html:
Вывод на страницу

<td><div id="menupc"></div></td>

 

[sw04]

можно так:

<td><a href="/"><div id="menupc"></div></a></td>

 

[Cepera-exp]

<td><a href='#' id="menupc"></a></td>
Как вариант

 

[mittus]

можно так:

нельзя советовать такого счастья.
Делайте ссылкой сам div блок:
<div onClick="window.open(this.href='http//site.ru/');"></div> - в новом окне
<div onClick="location.href='http://site.ru/'"></div> - в текущем
и для #menupc добавьте cursor: pointer;

 

[ef1]

- здесь картинка является фоновым изображением ссылки
- элемент "div" в ячейке таблицы не используем, для компактности кода
- инлайн элементу "a" задаем свойства блока
в CSS:
Код:
#menupc {
background : url(pc.png);
display : block;
cursor : pointer;
width : 65px;
height : 65px;
}
Вывод на страницу
Код HTML:
<table>
<tr>
<td>
<a href="rezin2.html" id="menupc">&nbsp;</a>
</td>
</tr>
</table>

 

[gruz222]

а зачем именно div делать ссылкой?

разве списком нельзя?

типо так

<td><ul><li id="menupc"><a href="#"></a></li></ul></td>

для li указываешь backcground

делаешь его display:block; (если нужно чтобы был со свойствами, как див)

 

[zzzkabanzzz]

Вот так див-ссылка, но будет работать лишь если у пользователя работает js,то есть в 99%.

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[comua]

Если надо сделать что-то вроде менюшки, чтобы картинки были в роли кнопок-ссылок, то я бы делал так...

<a href="#" class="menubutton" title="SEO">SEO</a>

.menubutton { 
background-image: url("http://img.png");
background-repeat: no-repeat;
background-position: 0px 0px;
height: 30px;
width: 120px;
text-indent: -99999px;
text-decoration: none;
 }