a href на картинка в CSS

Abalone

Registered
В CSS имам:

div.header{
width:760px;
height:146px;
background-image:url(logo.jpg);
}

в HTML е:

<div class="header">text</div>

Как и къде да сложа <a href> на картинката?
 
Опитах така, но понеже ползвам <div> не става. Има ли начин в ЦСС файла да го направя?
 
има начин! Но е много неизползваемо, точно за див да го правиш линк, при условие , че можеш да си направиш линк , който ти е картинка.

<div style="cursor:pointer;" onclick="window.location.href='http://www.abv.bg';">123456</div>


Обаче не е правилно! По-добре направи един а таг с картинка

CSS:
.link { display:block; width:100px; height:100px;
background: url(kartinka.jpg) no-repeat left top;}


<div>
<a class="link" href="http://www.abv.bg"> </a>
</div>

в тоя случай , можеш така:
div.header a { dispaly:block; width:760px; height:146px;}

<div class="header"><a href="http://www.abv.bg> </a>"</div>
 
shterev каза:
има начин! Но е много неизползваемо, точно за див да го правиш линк, при условие , че можеш да си направиш линк , който ти е картинка.

<div style="cursor:pointer;" onclick="window.location.href='http://www.abv.bg';">123456</div>
Така става!С JAvaScript,но лошото е че трябва да има нещо като текст.а не само картинка.Това:
 
emagi каза:
shterev каза:
има начин! Но е много неизползваемо, точно за див да го правиш линк, при условие , че можеш да си направиш линк , който ти е картинка.

<div style="cursor:pointer;" onclick="window.location.href='http://www.abv.bg';">123456</div>
Така става!С JAvaScript,но лошото е че трябва да има нещо като текст.а не само картинка.Това:

Не мисля така! След като зададеш на дива да има височина и ширина, той може да е шразен.Следователно и 123456 може да го няма.
:)
 

Back
Горе