Форум Сайтостроение Веб-строительство

Картинка шапка

affekt
На сайте с 07.07.2011
Offline
45
affekt
663

Доброго времени суток.

Возможно ли вставить ссылку в картинку которая исполняет роль шапки?

Что бы нажал на нее и на главную перебросило.

Вот код

body {

margin: 0px;

background-color: #fff;

background-image: url(../images/head.jpg);

background-repeat: no-repeat;

background-position: top center;

}

Что добавить нужно?

Или может с картинкой пошаманить?

Ragnarok
На сайте с 25.06.2010
Offline
226
Ragnarok
#1

нельзя однозначно ответить.

если на месте картинки ничего нет (ни текста, ни ссылок, ни других картинок), то убираешь background-image: url(../images/head.jpg); и вставляешь где-нибудь в начале <a href="http://site.ru" title="На глагне"><img src="/images/head.jpg" alt="" /></a>

если есть -- то как и в предыдущем, но картинку другую

//TODO: перестать откладывать на потом
Y
На сайте с 23.12.2010
Offline
8
yavasilek
#2

<a href="/"><div class="logo"></div></a>

<style>

div .logo {

тут размеры блока равные твоему изображению

тут позиция блока, такая же как у изображения

}

</style>

Coolmac
На сайте с 08.09.2011
Offline
60
Coolmac
#3

Можно так, но так лучше не делать, скрытый текст пс не любит, как бы. 


<a href="/" class="link">Ссылка на главную</a>



a.link{

     display:block;

     width:ширина;

     height:выcота;

     background:#fff url(../images/head.jpg) top center;

     text-indent:-9999px;

     overflow:hidden;

}

или так 


<a href="/"><img src="../images/head.jpg" alt="" /></a>
Доступные vps/ds с грамотной тех. поддержкой (https://my.friendhosting.net/pl.php?11304)
C
На сайте с 18.01.2012
Offline
4
compot
#4

<center><div id="toplayer"><a href="http://www.ваш саит.ru">

<img src="путь.jpg" width="400" height="100" alt="Логотип сайта" align="middle"></center>

</div></center>

400 и 100 это размеры рисунка

==================================================================

цель 1к$ в мес
[Удален]
#5

(я согласен с тобой на подобии)

<a href="/"><div class="logo"></div></a>

<style>

div .logo {

Размеры блока

Позиция

}

</style>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий