Mehrere Grafiken auf grosser Grafik dynamisch platzieren

[suit]

Mit CSS für jeden eine Klasse

Warum nicht jedem eine ID geben? Eine Klasse ist unsinnig in diesem Kontext.

Die x/y Werte der Pins kommen aus einer DB und werden mit PHP ausgelesen.

Dann kannst du den CSS-Schnipsel ja problemlos generieren - in diesem fall ist ggf. sogar inline vertretbar.

<ul class="karte">  
  <li id="pin1">foo</li>  
  <li id="pin2">bar</li>  
  <li id="pin3">baz</li>  
</ul>

<ul class="karte">  
  <li style="left: 20px; top 30px;">foo</li>  
  <li style="left: 60px; top 50px;">bar</li>  
  <li style="left: 80px; top 10px;">baz</li>  
</ul>

Die restlichen Stilinformationen setzt du im ausgelagerten CSS mittels dem Selektor #karte li.