Nuottikriisi

Jos joku CSS:ää ymmärtävä osaa neuvoa, miten tuohon sivun yläosan köydenvetokuvaan (header image) lisätään linkki, niin kommentoikaa vapaasti… EDIT: Kiitos vastauksista, täytyy tutkia miten kuvan saisi mahdollisesti klikattavaksi. Siihen asti paluu klikattavaan tekstiin.

4 kommenttia - “Nuottikriisi”

  1. Mikko Ahlroth Kirjoittaa:

    Et saa sellaista pelkällä CSS:llä. Helpoin tapa lienee laittaa header-id:llä olevaan diviin attribuutti onclick=”javascript:document.href(’urli’);”, tai sitten muuttaa otsikon taustakuva oikeaksi img-tagiksi ja laittaa sen ympärille a-tagi jolle antaa urlin.

    Tämä voi myös auttaa: http://ran.ge/2012/04/03/css-trick-turning-a-background-image-into-a-clickable-link-take-2/

  2. Mikko Ahlroth Kirjoittaa:

    Korjaus vielä ylläolevaan, document.href pitäisi olla document.location.href.

  3. Mikko Ahlroth Kirjoittaa:

    Ja document.location.hrefiähän käytetään siis näin:

    document.location.href = ’urli’;

    Sen siitä saa kun yrittää mennä pätemään tarkistamatta ensin Googlesta. 🙂 Toivottavasti tästä on ainakin hupia jollekulle.

  4. Juho Kirjoittaa:

    Ei saa CSS:llä mitenkään. Jos saa HTML:lää lisätä niin hommasta tulee helpompaa. 🙂