html - ein buchstabe, zwei hintergrundfarben...

hallo,
ich brüte schon seit ein paar tagen über dem folgenden problem :
http://img829.imageshack.us/img829/1578/chartable.jpg

es soll mal ein spiel werden, ähnlich wie scrabble.
der hintergrund der buchstaben ist immer gleich, hier gelb. die buchstaben auf dem gelben hintergrund sollen austauschbar sein, hier sind nur As zu sehen. die buchstaben mit dem gelben hintergrund sollen auf den größeren, farbigen quadraten positionierbar und entfernbar sein (javascript), sodass wieder das ursprüngliche quadrat zu sehen ist.

ich habe schon etliche stunden herumprobiert , einen zunächst anscheinend brauchbaren ansatz kann man hier sehen
http://www.c-plusplus.net/forum/291730
aber das problem ist, dass sich das ganze nicht in der größe ändern lässt.
die möglichkeit der größenänderung ist ein muss und es sollen keine bild-dateien benutzt werden also nichts a la <img src="A.jpg" ...

kann man so etwas mit html gestalten? über tipps wäre ich froh.

<div id="array">
   <div class="field">
        <div class="data">
            <span>A</span>
        </div>
   </div>

   <div class="field">
        <div class="data">
            <span>A</span>
        </div>
   </div>

   <div class="field">
        <div class="data">
            <span>A</span>
        </div>
   </div>
</div>

So sollte es vom Aufbau her aussehen, oder Du nimmst für die Felder eine Tabelle
und arbeitest dann innerhalb der Felder mit weiteren Container.

Lupo4u2

Wenn du deinen html code mittels Javascript generierst kannst du die einzelnen Felder (html element) per css in der Größe ändern.

stichworte:
line-heigth, font-size, style (css)

http://de.selfhtml.org/css/formate/einbinden.htm#innerhalb_element
http://www.driefmeier.de/artikel/schrift-per-javascript-vergroessern-bzw-verkleinern/

vielen dank für eure antworten , ich werde es mir mal ansehen.