Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Nakładanie na siebie elementów
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
SHiP
  1. <tr><td>
  2.  
  3.  
  4. <img src="obrazek.jpg" style="display:block; position:relative; top:0; left:0; z-index:1;" />
  5.  
  6. <span style="position:relative; top:-520; left:-520;z-index:3" id="jakistamID"> <a href="#"> <img src="obrazek2.gif" width="10" height="10" style="border:0;" /></a></span>
  7.  
  8. <span style="position:relative; top:-500; left:-500; z-index:3" id="jakistamID2"> <a href="#"> <img src="obrazek2.gif" width="10" height="10" style="border:0;" /></a></span>
  9.  
  10.  
  11. </td></tr></table>


Taka sytuacja tabelka a w środku tabelki obrazek 570x500px na ten obrazek chcę nałożyć inne mniejsze. Gdy wrzuce jeden wszystko jest ok. Jednak gdy wrzuce 2 gryzie się z tym pierwszym i przesuwają sie o kilka pikseli :]. Odrazu mówię że <span> Musi być :] bo chce sie do tego odwoływać z poziomu javascript
revyag
Jakbyś pokazał jak to wygląda (jakiś link) to więcej możnaby powiedzieć.
Poza tym, po co span ? Przecież możesz się odwoływać bezpośrednio do obrazka, no chyba że chcesz coś dynamicznie wsadzać w tego spana.
SHiP
http://ehandgame.freeownhost.com/

Musisz sie logować
Login: test
Password: test

i kliknac w Mapa po lewej w menu =) Tam masz poazane jak nakłądam strzałki na mape. Chciałbym jeszcze dodać dodatkowe lokacje też naklądane na mape ale aby nie wpływały na położnie strzałek :]

ps: jeśli sie nie zalogujesz nic nie bedzie działało tongue.gif
revyag
Ok, zalogowałem się i nie bardzo widzę gdzie ten problem snitch.gif
Jest mapa, są strzałki, jakieś czerowne punkty, i wygląda to ok.
SHiP
No tak ale te czerwone punkty są jako tło(wmontowane w mape) a gdybym chciał np umieścić rysunek flagi po kliknieciu w jakiś czerwony kwadrat(dzialają tylko 3 u góry po lewej) to w tym momencie strzałki sie rozłarzą(tzn przesuwają sie o kilka pixeli)
yavaho
Głowna mape dajesz w div'a jako pierwsza warstwe (position:relative)
Potem na nia nakladasz nastepne te male elementy jako (position:absolute) ustalajac ich pozycje wpisujac odpowiednio gorny i lewy margines w stosunku do głównego div'a
Musisz uzywac parametru position:absolute dla wszystkich elementow, ktore znajda sie na mapie i wtedy nie bedzie "przepychanki" elementy beda sie nakladac na siebie jak kolejne warstwy.
SHiP
yavaho -> pomysł swietny winksmiley.jpg tylko zapomniałeś napisać ze te mniejsze elementy muszą być w divie mapy :] troche mi zeszło zanim na to wpałem biggrin.gif Dzięki wielkie! Teraz będe mógł nowe opcje porobić =)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.