kuvakartta taustakuvaan

mikä vialla?

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






taustakuvan olen määritellyt CSS:llä.

9

770

    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. Huomenta ihana

      Kauniskasvoinen ihanuus 😘 saan sut vielä
      Ikävä
      40
      7003
    2. Hei rakas...

      Miten on työpäivä sujunut? Rakastan sinua 💗
      Ikävä
      32
      3948
    3. Ei tämä etene ikinä

      Kun kumpikaan ei enää ota yhteyttä. Mä en ainakaan uskalla.
      Ikävä
      46
      3357
    4. Edelleen sitä on vaikea uskoa

      Että olisit oikeasti rakastunut muhun
      Ikävä
      40
      2949
    5. Vitsi mihin menit. Heti takasin.

      Mä näin sut tuu takasin! Oli kiire, niin en ehtiny sin perään!
      Ikävä
      17
      2726
    6. Toiveikas vai toivoton

      torstai? Ajatuksia?
      Ikävä
      37
      2238
    7. Mukavaa päivää

      Mun rakkauden kohteelle ❤️ toivottavasti olet onnellinen
      Ikävä
      16
      2196
    8. Koko ajan olet

      Senkin suhteen kiusannut. Halut on ihan mielettömät olleet jo pitkään
      Ikävä
      41
      2153
    9. Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...

      Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons
      Suomalaiset julkkikset
      47
      2097
    10. Miksi et irrota otettasi

      Suhteeni?
      Ikävä
      40
      2058
    Aihe