png über Tabelle positionieren

[befubo]

Hi zusammen

Ich möchte gerne eine transparente png Grafik über meine Tabelle legen. Der Grund ist, dass ich die gesamte Tabelle als Link verwenden möchte.

Ich denke das ganze ist mit position:absolute und index-z zu lösen. Jedoch finde ich keinen Ansatz;
Ich möchte nicht, dass wenn sich die Tabelle etwas nach unten schiebt, nachher das png an der falschen Stelle ist. Kann ich die position des Bildes in einer Art und Weise auf die Tabelle beziehen?

Die Tabelle sieht so aus:

<table width="100%">
<tr>
  <td width="10%" height="30px">1</td>
  <td width="50%">Status</td>
  <td width="20%">switch on</td>
  <td width="20%">switch off</td>
</tr>
<tr>
  <td width="10%" height="30px">2</td>
  <td width="50%">Status</td>
  <td width="20%">switch on</td>
  <td width="20%">switch off</td>
</tr>
</table>

Jetzt möchte ich immer über einer Zeile (also <tr>) ein transparentes Bild legen...
Ich hoffe jemand kann mir da helfen :)

liebe Grüsse
befubo

 

[Space Vampire]

Warum so kompliziert?
Definiere den Text in der Zelle als <a>
Gib diesem 30px Höhe und 100% Breite

 

[befubo]

Hey
Hmm, wie meinst du das, den Text definieren?
Also nicht so ,oder?

<td width="10%" height="30px"><a href="site.php" height="30px" width="100%">1</a></td>

sorry, ich weiss nicht was du meinst :)

 

[Space Vampire]

Prinzipiell ja.
Aber besser ist mit CSS ;)
So zB

<table style="width:100%;">
	<tr style="height:30px;">
		<td style="width:30%;">
			Bla
		</td>
		<td style="width:70;">
			<a href="zieldatei.php" style="display:block; width:100%; height:30px; background-color:red;">Blubb</a>
		</td>
	<tr>
</table>