Kreisförmige Anordnung in HTML/JavaScript

[glkgereon]

Hi,

Ich möchte eine Übersicht eines Bereichs in Form einer Kreisförmigen Anordnung der Punkte darstellen...

Beispiel:
In der Mitte ein Logo meiner Homepage und drumherum, halt im Kreis, die Logos meiner Programme zum draufklicken.

das ganze soll in einer Seite sein, die auf php basiert.

die Frage: wie?

bisheriger Code:

Code:

<?php
  $result = mysql_query("SELECT id,name,logo FROM data ORDER BY name");
  $id2rad = 360 / mysql_num_rows($result);
  while ($row = mysql_fetch_row($result)) {
    print("<style type=\"text/css\">\n");
    print("<!--\n");
    print("  div_$row[0] {\n");
    print("    position: absolute;\n");
    print("    top: ;\n");
    print("    left: ;\n");
    print("  }\n");
    print("-->\n");
    print("</style>\n");
    print("<div id=\"div_$row[0]\">");
    print("  <img src=\"$row[2]\">$row[1]");
    print("</div>");
  }
?>

das Problem ist die Berechnung von top und left...

Dazu sollen folgende Formeln dienen:
left = (Width/2)+Cos($id2rad)*(Width/3)
top = (Height/2)+Sin($id2rad)*(Height/3)

Width und Height sind in diesem Fall die Größn des übergeordneten Div-Tags.

das CSS des Div-Tags sieht so aus:

Code:

#main {
   background: gainsboro;
   margin: 10px 0px 0px 160px;
   padding-left: 1em;
   padding-bottom: 0.5em;
   padding-top: 1px;
   padding-right: 2px;
}

Jetzt die Frage:

Wie muss ich das machen?
geht es überhaupt?