Eli haluaisin tästä kuvasta http://4.bp.blogspot.com/-w6dPfkqCWlk/TbxG_fgwcjI/AAAAAAAAAEA/2j_yreITQZw/s1600/cooltext516418559.png tälle sivulle http://3.bp.blogspot.com/-_e10D9QnQw4/TbxFpLV4E-I/AAAAAAAAAD4/15cUePE_e9k/s1600/Hauskaa vappua.jpg (sillein että kun painaa ylintä kuvaa siirtyy alemmalle sivulle)
Linkki kuvassa
panua
5135
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 5
Vanhimmat
Tähänkö tapaan
Tähänkö tapaan ----
Poista nuo viivat - - - - -
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
----------------------------------------------------------------------------------------------------------
Oho, tulipa sotkusta koodia sori. Ja yksi kaarisulkukin (eli } -merkki) unohtui.
No voihan helvetin 16, kaks kaarisulkuahan sieltä puuttuu ja lisäksi a-elementtiin ei tosiaankaan kuulu alt-attribuuttia. Sen sijaan img-elementissä se on pakollinen. Ei kyllä pitäis päästää tollasta koodia julkisuuteen..
Noh toivottavasti idea selvisi.