Newsgroup: it.comp.lang.javascript
Titolo: sfondo diverso per ogni casella(cella)

CSS:
        <style type="text/css">
                table.board{
                        margin-top              : 200px;
                        position                : relative;
                }
                table.board td{
                        width                   : 64px;
                        height                  : 64px;
                        vertical-align  : center;
                        background              : #ddd;
                }
                #player-1,
                #player-2,
                #player-3,
                #player-4{
                        width                   : 12px;
                        height                  : 12px;
                        border                  : 1px solid silver;
                        overflow                : hidden;
                }
                #player-1{
                        background              : red;
                        margin                  : 0 20px;
                }
                #player-2{
                        background              : blue;
                        margin                  : 0px 8px;
                }
                #player-3{
                        background              : green;
                        margin                  : 0px 15px;
                }
                #player-4{
                        background              : yellow;
                        margin                  : 0px 5px;
                }
        </style>
Javascript:
        <script type="text/javascript">
                function move(pl){
                        var player      =
document.getElementById("player-"+pl),
                                from    = player.parentNode,
                                cells   = from.parentNode.cells,
                                to              = cells[(from.cellIndex
+1)%cells.length];
                        to.appendChild(player);
                }
        </script>
E nell'HTML:
        <table class="board" border="0" cellspacing="1"
cellpadding="0">
                <tbody>
                        <tr>
                                <td>
                                        <div id="player-1"></div>
                                        <div id="player-2"></div>
                                        <div id="player-3"></div>
                                        <div id="player-4"></div>
                                </td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                        </tr>
                </tbody>
        </table>
riprendendo lo schema che mi aveva fornito Zero un po di tempo fa mi
chiedevo se era possibile settare uno sfondo diverso per ogni 
cella.io
sono riuscito a settarlo ma uguale per tutte,usando la proprietà
background nel css.sapete come fare?grazie

 chiedevo se era possibile settare uno sfondo diverso per ogni cella.
Si, tramite CSS (e da qui l'OT). Ma dubito che ti convenga. E meglio
impostare lo sfondo della tabella, come immagine unica, suddivisa in
blocchi logici di 64x64 pixel, esattamente come le celle.
In questo modo, quest'ultime si sovrapporranno e sembrerà come se lo
sfondo fosse applicato a loro.
Altrimenti, dovresti specificare singolarmente il background di ogni
cella, e diventa rognoso. Perché, da CSS, o imposti un ID a tutte le
celle (o una classe, ma è formalmente sbagliato in questo caso) o da
HTML imposti lo style inline:
	<td style="background:url(myimg1.gif)"></td>
	<td style="background:url(myimg2.gif)"></td>
	<td style="background:url(myimg3.gif)"></td>
-- 
~ "The demo effect, you don't expect"