| Autor | Zpráva | ||
|---|---|---|---|
| PHP_Nemaster Profil |
#1 · Zasláno: 11. 6. 2010, 16:03:57
Dobrý den,
mám takový problém s obrázkovou mapou. Určitě už jste někdy hráli internetové hry, ve kterých stavíte nějaké město. Já jsem chtěl podobnou hru udělat, ale mám problém s obrázkovou mapou. Obrázky staveb rozmist'uji pomocí css, např. .stavba12 {
position: absolute;
top: 125px;
left: 50px;
z-index: 0; } na podkladový obrázek. Abych mohl na stavbu kliknout, udělal jsem na podkladovém obrázku klikací oblasti. Pokud mám jen podklad samotný, funguje to ( dá se na oblast kliknout ), ale když tam umístím obrázek stavby, ten tu oblast jakoby "překryje" a už na ni nejde kliknout. Jak udělat, aby se obrázkem nepřekrývala, tj. šlo na ni kliknout i při rozmístění stavby? Předem děkuji za odpověd' |
||
| Plaváček Profil |
#2 · Zasláno: 11. 6. 2010, 16:29:58
PHP_Nemaster:
Dodej "živou" ukázku. Absolutní pozicování je docela věda a bez konkrétního příkladu ti radit nemá smysl. |
||
| Trejpa Profil |
#3 · Zasláno: 11. 6. 2010, 17:55:28
PHP_Nemaster:
„když tam umístím obrázek stavby, ten tu oblast jakoby "překryje" a už na ni nejde kliknout.“ Ne jakoby, on ji překryje skutečně. „Jak udělat, aby se obrázkem nepřekrývala“ Jakmile něco klikavého překryješ něčím neklikavým, tak si na tom místě neklikneš. Co třeba takto: <style>
.mapa { width: 640px; height: 480px; backgroud: url(mapa.png); position: relative; }
.mapa a { position: absolute; font-size: 1px; }
.mapa a img { vertical-align: middle; }
.stavba12 { top: 125px; left: 50px; }
.stavba13 { top: 100px; left: 100px; }
.stavba14 { top: 50px; left: 125px; }
</style>
<div class=mapa>
<a href="#stavba12" class=stavba12><img src=stavba12.png></a>
<a href="#stavba13" class=stavba13><img src=stavba13.png></a>
<a href="#stavba14" class=stavba14><img src=stavba14.png></a>
</div> |
||
| PHP_Nemaster Profil |
#4 · Zasláno: 12. 6. 2010, 15:36:04
Trejpa: Děkuju, takhle jsem to udělal. Jenom se tam okolo těch obrázků udělal rámeček, ale to už jsem opravil s border:none
|
||
|
Časová prodleva: 14 let
|
|||
0