Karte erstellen

[Sasser]

Guten Tag!

Ich möchte eine Karte mit Häusern erstellen lassen.

$db = connect_db ();
	$buildingresult = mysql_query ( "Select `id`, `name` FROM buildings", $db );
	mysql_close ( $db );
	while ( $building = mysql_fetch_assoc ( $buildingresult ) ) {
		
		
		
		$i ++;
		echo "<div style='float:left;padding-left:";
		echo $i;
		echo "px;'><img src='images/buildings/$building[id].png'></div>";
		
		
		
	}

Allerdings ist mir das noch zu akkurat alles. Ich möchte, dass die Bilder wie auf einer Karte zufällig irgendwo stehen... Hat jemand eine Idee, wie man das richtig realisieren kann?

 

[SCIPIO-AEMILIANUS]

Also meine Idee dazu wär:

$db = connect_db (); 
    $buildingresult = mysql_query ( "Select `id`, `name` FROM buildings", $db ); 
    mysql_close ( $db ); 
    while ( $building = mysql_fetch_assoc ( $buildingresult ) ) { 
         
         
         $height=400;
$width=600;
        $i ++; 
        echo "<div style='position:absolute;top:".rand(0,$height)."px;left:".rand(0,$width)."px;"'><img src='images/buildings/$building[id].png'></div>"; 
         
         
         
    }

Wobei hier es passieren kann, das mehrer Häuser aufeinander stehen.
Da würd ich ein Array anfertigen und jeweils abfragen, ob in dem Bereich bereits ein Haus steht.

 

[Sasser]

Danke für die schnelle Hilfe!

Wie kann ich aber die Bilder positionieren, z.b. in einem DIV? Denn zur Zeit klatscht er mir die Bilder an den oberen linken Browserrand...

 

[Maik]

Wie kann ich aber die Bilder positionieren, z.b. in einem DIV? Denn zur Zeit klatscht er mir die Bilder an den oberen linken Browserrand...

Wenn das div-Element relativ oder absolut positioniert wird, beziehen sich die Positionsangaben des Nachfolgeelements (hier img-Element) auch auf seine Boxengrenzen, und nicht mehr auf den Anzeigebereich des Browserfensters.

mfg Maik

 

[Sasser]

Ah OK, hab einfach mal folgendes drum herum gemacht:

echo "<div style='position:absolute;'>";
	$db = connect_db (); 
    $buildingresult = mysql_query ( "Select `id`, `name` FROM buildings", $db ); 
    mysql_close ( $db ); 
    while ( $building = mysql_fetch_assoc ( $buildingresult ) ) {
		echo "<div style='position:absolute;top:";
		echo rand ( '0', '400' );
		echo "px;left:";
		echo rand ( '0', '600' );
		echo "px;'>";
		echo "<img src='images/buildings/$building[id].png'>";
		echo "</div>";
    }
	echo "</div>";

 

[Sasser]

Wie realisiere ich das mit dem Array, sodass die Bilder nicht komplett übereinanderliegen?

Also ein wenig dürfen sich sich überlagern...