Witam. Chcę zrobić mapę po której można by było płynnie poruszać się postacią, ale napotkałem problem przy jej wyświetlaniu, w bazie mam zapisane współrzędne x i y, oraz obrazek jaki ma być wyświetlony w tym miejscu i nie wiem jak to wyświetlać, żeby było to ułożone w taki sposób:
XXXXX
XXXXX
XXXXX

Czy ktoś mógł by mi pomóc?

[HTML] pobierz, plaintext 
<div id="mapa">
   <p style="position:absolute 20px 50px">Postać</p>
</div>
[HTML] pobierz, plaintext 

Kontenerowi, w którym masz mapę nadaj position:relative a za 20px i 50px podstaw swoje współrzędne

No dobrze, ale jeszcze jak z bazy je wyświetlić w takiej kolejności jak napisałem wyżej?

Pobierasz z bazy:

[SQL] pobierz, plaintext 
SELECT x,y,img FROM tabela
[SQL] pobierz, plaintext 

Generujesz listę:

[PHP] pobierz, plaintext 
<?php
$zapytek = mysql_query($zapytanie_do_bazy);
while($dane = mysql_fetch_assoc($zapytek)){
   $obiekty .= '<p style="position:absolute '.$dane['x'].'px '.$dane['y'].'px;background: url('.$dane['img'].')"></p>';
}
echo '<div id="mapa">'.$obiekty.'</div>';
?>
[PHP] pobierz, plaintext 

- nie jest to jakaś czarna magia przecież.

Hmm ale to chyba ułoży wszystko w jednej lini?

A próbujesz coś samemu zrobić i przetestować, czy tylko patrzysz na kod i dumasz?
Powinno dać taki kod html:

[HTML] pobierz, plaintext 
<div id="mapa">
   <p style="position:absolute 20px 23px;background: url(obraz1.jpg)">elemenet1</p>
   <p style="position:absolute 30px 5px;background: url(obraz2.jpg)">element2</p>
   <p style="position:absolute 90px 53px;background: url(obraz3.jpg)">element3</p>
</div>
[HTML] pobierz, plaintext 

- gdzie współrzędne i adres obrazka pobiera z bazy. Jak sam nie popracujesz nad tym, to samo się nie zrobi.