Post Singolo : RE: creazioni mappe in 2D - HTML e JAVASCRIPT - Creazione Siti Web

RE: creazioni mappe in 2D

file "stile.css"

Codice:

.blocco {

background-color: 006400;

border: 2px dotted black;

float: left;

height: 50px;

width: 50px;

}

.blocco_capo {

background-color: #FFFFFF;

border: 2px dotted black;

height: 50px;

width: 50px;

}

file "map.php"

Codice:

<html>

<head>

<link rel="stylesheet" type="text/css" href="stile.css">

</head>

<body>

<?php

$blocchi_totali="121"; //Numeri di blocchi

$blocchi_lato_orizz="11"; //Vai a capo ogni

$num=0; //Azzero la variabile

$a=1; //Variabile di partenza id associativi

for($i=0;$i<$blocchi_totali;$i++) {

$num++;

echo "<div id=\"$a\" class=\"blocco\"></div>\n";

if ($num==$blocchi_lato_orizz) {

echo "<div class=\"blocco_capo\"></div>\n";

$num=0;

}

$a++;

}

?>

</body>

</html>

generando quindi un codice sorgente :

Codice:

<html>

<head>

<link rel="stylesheet" type="text/css" href="stile.css">

</head>

<body>

<div id="1" class="blocco"></div>

<div id="2" class="blocco"></div>

.........................................

...........................................

<div id="99" class="blocco"></div>

<div id="100" class="blocco"></div>

<div class="blocco_capo"></div>

</body>

</html>

allora per mettere l'immagine scelta nei vari quadrati intervengo sul css ( cmq e' il problema minore)
Come faccio a dire ad esempio che il primo quadrato in alto a sx e' di coodinate (-5;5) mentre l'ultimo in basso a destra e' il (5;-5)?

pensavo che quasi conviene dividere il quadrato in 4 settori (immaginiamo un quadrato 4*4, diviso in 4 quadrati distinti 2*2) in modo da fare:

while ($a=1,$a<=2,$a++)

[coordinata.$a(-2+$a,5)]

while ($a=3,$a<=4,$a++)

[coordinata.$a(-2+$a,4)]

cosa ne pensi??? ovviamente bisogna scriverla meglio...