kuvakartta taustakuvaan

mikä vialla?

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






taustakuvan olen määritellyt CSS:llä.

9

763

    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. Janne Ahonen E R O A A

      Taas 2 lasta jää vaille ehjää perhettä!
      Kotimaiset julkkisjuorut
      147
      2589
    2. En kai koskaan saa sinua

      Koska et usko että riitäisit minulle. Olet aina pitänyt itseäsi liian risana ja heikkona. Katkot korkeutesi, ja poraat k
      Ikävä
      154
      1659
    3. Terveystalon lääkärit ylilaskuttaneet

      Tämän pörriäiset osaavat, laskuttamisen. Terveystalo myöntää asian. https://www.hs.fi/suomi/art-2000011134269.html "K
      Maailman menoa
      133
      1633
    4. Saran ökytyyli käänsi katseita.

      On nyt kyllä Sara kasvoistaan, kuvan perusteella todellakin pyöristynyt ainakin kuvan perusteella.
      Kotimaiset julkkisjuorut
      149
      1358
    5. Nyt on aika laittaa parit selkoon.

      Onko pareja täällä. Laita kirjaimet kuka tykkää kenestäkin ?
      Ikävä
      66
      1338
    6. The Summit Suomi: Maxie avaa hyytävästä tilanteesta kuvauksissa: "Veri roiskui ja tajusi, että..."

      Oletko seurannut The Summit Suomea? Tykkäätkö vai et tai mitä mieltä ylipäätään olet sarjasta? Moni katsoja on kaikonnut
      Tv-sarjat
      13
      1180
    7. Työttömille lusmuille luvassa lisää keppiä

      Hallitus aikoo kiristää velvoitteiden laiminlyönnistä seuraavia työttömyysturvan karensseja ensi vuodesta alkaen. Hall
      Maailman menoa
      282
      1165
    8. Ootko huomannut miten

      pursuat joka puolelta. Sille joka luulee itsestään liikoja 🫵🙋🏻‍♂️
      Ikävä
      156
      976
    9. Miksi ihmeessä?

      Erika Vikman diskattiin, ei osallistu Euroviisuihin – tilalle Gettomasa ja paluun tekevä Cheek
      Ateismi
      22
      924
    10. Tiedän kaiken sinusta ja kaikesta

      Tiedän miten kärsit. Tiedän millanen oikeesti oot. Tiedän miksi valehtelit, tiedän miksi satutit mua. Tiedän mitä tapaht
      Ikävä
      58
      889
    Aihe