Tabelle oder mit Div Containern lösen?

[julchen]

Hallo,
ich möchte auf einer Seite folgende Grafik einfügen, die auch gleichzeitig verlinkt wird, sobald jemand auf den jeweiligen Begriff oder die Grafik des Hauses klickt.

Würdet ihr dazu eine Tabelle erzeugen in alle Elemente in der Tabelle positionieren oder einen kompletten Div mit der gesamten Grafik als Hintergrund und nur der reine Text als Link drüber legen? Die Grafiken dann mit #map verlinken?

Gruss
Julchen

 

[tombe]

Einfach das Bild so wie es ist und dann mit map/usemap die Bereiche definieren.

 

[spieleentwickler]

Ja es ist wohl einfacher es mit "map" zu verlinken, da du das Haus auch mit verlinken möchtest.

 

[_voodoo]

Hi,
Du könntest auch jede Kachel als div erzeugen und entsprechend benutzen.
Der Aufwand sollte in etwa gleich der map sein.

<style>
div.kachel {
width:100px;
height:100px;
background-color: green;
margin:5px;
float:left;
}
</style>
<div style="width:360px;">
<div class="kachel">1</div>
<div class="kachel">2</div>
<div class="kachel">3</div>
<div class="kachel">4</div>
<div class="kachel">5</div>
<div class="kachel">6</div>
<div class="kachel">7</div>
<div class="kachel">8</div>
<div class="kachel">9</div>

</div>

Edit: Wieso eigentlich div, wenn es auch mit <a> geht:

<style>
a{
display:block;
width:100px;
height:100px;
background-color: green;
margin:5px;
float:left;
}
</style><div style="width:360px;">
<a href="/">blubs</a>
<a href="/">blubs</a>
<a href="/">blubs</a>
<a href="/">blubs</a>
<a href="/">blubs</a>
<a href="/">blubs</a>
<a href="/">blubs</a>
<a href="/">blubs</a>
<a href="/">blubs</a>
</div>