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:

markieren

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:

markieren

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?

Kreisförmige Anordnung in HTML/JavaScript

Kreisförmige Anordnung in HTML/JavaScript

Forumregeln