kuvakartta taustakuvaan

mikä vialla?

Osaisiko joku guru sanoa miksen saa määriteltyä taustakuvaan kuvakarttaa esim. seuraavanlanlaisesti:






taustakuvan olen määritellyt CSS:llä.

9

774

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • hillerihalleri

      sitä ei voi liittää taustakuvaan.

      • Höpö.

        ..voi laittaa linkin sinne minne haluaa:

        google (muistaa ottaa pois ton ylimääräisen puolipisteen eli ;-merkin)

        Asian fiksuudesta en sano mitään. Ja toki tekstin tilalle voi laittaa kuvankin jos siltä tuntuu..


      • Höpö.
        Höpö. kirjoitti:

        ..voi laittaa linkin sinne minne haluaa:

        google (muistaa ottaa pois ton ylimääräisen puolipisteen eli ;-merkin)

        Asian fiksuudesta en sano mitään. Ja toki tekstin tilalle voi laittaa kuvankin jos siltä tuntuu..

        Nyt tämä foorumi keksi muutella muutakin. No ymmärsit kai silti.


      • mutta...
        Höpö. kirjoitti:

        Nyt tämä foorumi keksi muutella muutakin. No ymmärsit kai silti.

        toi taas k*see heti jos käyttäjällä on eri resoluutio, eli linkki ei enää olekana siellä missä sen haluisi olevan.


      • kartasta on kyse

        ??????????


      • Höpö.
        mutta... kirjoitti:

        toi taas k*see heti jos käyttäjällä on eri resoluutio, eli linkki ei enää olekana siellä missä sen haluisi olevan.

        En nyt jaksa lähteä tätä testaamaan, mutta kyllä mun järjen mukaan pikselit on pikseleitä resoluutiosta riippumatta. Jos linkki on kohdassa 300px yläreunasta ja 300px vasemmasta reunasta, niin eikö se ole täsmälleen siinä kohdassa riippumatta montako pikseliä näyttö on kooltaan?


      • niin..
        Höpö. kirjoitti:

        En nyt jaksa lähteä tätä testaamaan, mutta kyllä mun järjen mukaan pikselit on pikseleitä resoluutiosta riippumatta. Jos linkki on kohdassa 300px yläreunasta ja 300px vasemmasta reunasta, niin eikö se ole täsmälleen siinä kohdassa riippumatta montako pikseliä näyttö on kooltaan?

        en itsekään kyllä tiedä miksi, mutta resoluution vaihtaminen siirtää tuon linkin paikkaa.


      • Höpö.
        niin.. kirjoitti:

        en itsekään kyllä tiedä miksi, mutta resoluution vaihtaminen siirtää tuon linkin paikkaa.

        Tottakai jos sulla on resoluutiona 800*600 niin linkki on kauempana vasemmasta yläkulmasta kuin jos resoluutio on vaikkapa 1152*864, MUTTA se on molemmissa tapauksissa täsmälleen yhtä monen pikselin päästä siitä ylänurkasta. Ja koska taustakuvakin pienenee resoluutiota kasvattamalla, linkki pysyy suhteessa kuvaan aivan samassa kohdassa. Kokeilin juuri ja täsmälleen noin se menee.


      • Höpö.
        Höpö. kirjoitti:

        Tottakai jos sulla on resoluutiona 800*600 niin linkki on kauempana vasemmasta yläkulmasta kuin jos resoluutio on vaikkapa 1152*864, MUTTA se on molemmissa tapauksissa täsmälleen yhtä monen pikselin päästä siitä ylänurkasta. Ja koska taustakuvakin pienenee resoluutiota kasvattamalla, linkki pysyy suhteessa kuvaan aivan samassa kohdassa. Kokeilin juuri ja täsmälleen noin se menee.

           Untitled
           
           body {
              background-image: url(kuva.gif); /* tää on kooltaa 400*400px taustakuva */
           }
           div {
              height: 100px;
              width: 100 px;
              border: 1px solid Red;
              position: absolute;
           }
           #map_pic_1 {
              top: 50px;
              left: 50px;
           }
           #map_pic_2 {
              top: 150px;
              left: 150px;
           }
           #map_pic_3 {
              top: 250px;
              left: 250px;
           }
           






        google
        altavista
        askjeeves





        Tuohan on tavallaan ihan tavallinen kuvakartta. Ja vaikka miten muutat resoluutiota, niin kuvat ovat samassa kohdassa suhteessa taustakuvaan.

        Toimii näinkin:



           Untitled
           
           body {
              background-image: url(kuva.gif); /* tää on kooltaa 400*400px taustakuva */
           }
           #map_pic_1, #map_pic_2, #map_pic_3 {
              height: 100px;
              width: 100 px;
              border: 1px solid Red;
              position: absolute;
           }
           #map_pic_1 {
              top: 50px;
              left: 50px;
           }
           #map_pic_2 {
              top: 150px;
              left: 150px;
           }
           #map_pic_3 {
              top: 250px;
              left: 250px;
           }
           


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Laitetaas nyt kirjaimet tänne

      kuka kaipaa ja ketä ?
      Ikävä
      192
      11599
    2. Pieni häivähdys sinusta

      Olet niin totinen
      Ikävä
      58
      5489
    3. Taas ryssittiin oikein kunnolla

      r….ä hyökkäsi Viroon sikaili taas ajattelematta yhtään mitään https://www.is.fi/ulkomaat/art-2000011347289.html
      NATO
      46
      2787
    4. Missä olet ollut tänään kaivattuni?

      Ikävä sai yliotteen ❤️ En nähnyt sua tänään söpö mies
      Ikävä
      40
      2405
    5. Vanha Suola janottaa Iivarilla

      Vanha suola janottaa Siikalatvan kunnanjohtaja Pekka Iivaria. Mies kiertää Kemijärven kyläjuhlia ja kulttuuritapahtumia
      Kemijärvi
      13
      1881
    6. Valtimon Haapajärvellä paatti mäni nurin

      Ikävä onnettomuus Haapajärvellä. Vene hörpppi vettä matkalla saaren. Veneessä ol 5 henkilöä, kolme uiskenteli rantaan,
      Nurmes
      44
      1855
    7. Otavassa tapahtuu!

      Rakennuspalo, yläkerta tulessa. Henkirikosta epäillään. Tiettyä henkilöautoa etsitään, minkä mahdollinen epäilty ottanut
      Mikkeli
      29
      1734
    8. Ikävä sinua

      Onkohan sulla ollut sama tunne kuin mulla viimeisten parin päivän aikana, eilen varsinkin. Ollaan oltu ihan lähellä ja k
      Ikävä
      12
      1696
    9. Tulemmeko hyvin

      Toimeen ja juttuun keskenämme? Luulen, että sopisit hyvin siihen ☀️ympäristöön, paljon kaikkea erilaista.♥️mietin tätä s
      Ikävä
      6
      1496
    10. Tiedän kuka sinä noista olet

      Lucky for you, olen rakastunut sinuun joten en reagoi negatiivisesti. Voit kertoa kavereillesi että kyl vaan, rakkautta
      Ikävä
      42
      1488
    Aihe