Osaisiko joku guru sanoa miksen saa määriteltyä taustakuvaan kuvakarttaa esim. seuraavanlanlaisesti:
taustakuvan olen määritellyt CSS:llä.
taustakuvan olen määritellyt CSS:llä.
kuvakartta taustakuvaan
mikä vialla?
9811
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 9
Vanhimmat
sitä ei voi liittää taustakuvaan.
..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.
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?
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.
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;
}