Linkki kuvassa

Tähänkö tapaan

Yksinkertaisimmillaan se tehdään tietenkin laittamalla kuva ankkuritagin sisään:


     


Eli tapauksessasi:


     



Itse en halua sekoittaa navigointikoodia kuvilla, vaan laitan mieluummin kuvan taustakuvana. Tähän tarvitaan tietenkin css:ää. Vaikka jotensakin näin:

css:
----------------------------------------------------------------------------------------------------------

#linkki {
      height: 119px;
      width: 377px;
      background: url(http://4.bp.blogspot.com/-w6dPfkqCWlk/TbxG_fgwcjI/AAAAAAAAAEA/2j_yreITQZw/s1600/cooltext516418559.png);
      display: block;
}
.linkkiteksti {
      display: none;
}

----------------------------------------------------------------------------------------------------------


html:
----------------------------------------------------------------------------------------------------------


     Paina minua


----------------------------------------------------------------------------------------------------------