Ganzes Tabellenfeld verlinken

Hallo Gemeinde,

auf einer der WP-Seiten gibt es eine Tabelle mit 3 Spalten und etwa 30 Zeilen.

In der 3. Spalte befindet sich etwas Text und eine kleine Grafik (30x30px).

Ich hätte gern, dass sich das ganze 3. Feld wie ein Link verhält. Wenn der Benutzer seine Maus also in das 3. Feld bewegt, soll der Link aktiv sein - egal, ob sich die Maus über der Grafik, dem Text oder einer freien Fläche befindet.

Damit der Feldinhalt nicht typisch wie ein Link unterstrichen daherkommt, kann ich ein [FONT=courier new]text-decoration[/FONT] vereinbaren:

.ar_notextdecoration {
     color: black;
     text-decoration: none;}

Soweit so gut. Aber ich bekomme nicht hin, das ganze Tabellenfeld zum Link zu machen. Mouse-Over zeigt nur dann, dass es sich um einen Link handelt, wenn tatsächlich auch Inhalt unter der Maus ist (also Text oder die Minigrafik). Es soll aber als Link erkannt werden, sobald sich die Maus innerhalb der Grenzen des Tabellenfeldes befindet.

Ich hoffe, ich konnte das Problem ausreichen gut formulieren.

Weiß jemand von euch Rat?

Danke für eure Zeit & Gruß,
Purpur

Hallo SirEctor,

Zitat von SirEctor

Gib mal einen Link zur Problemtabelle....

Ein Link ist ein wenig ungeschickt, weil das Ganze momentan nur lokal läuft. Unten ist jedoch der HTML-Code und das zugehörige CSS.
Alles ein wenig eingedampft, damit es lesbar bleibt.

/* BEGIN CSS */


.ar_zs_zeitrahl {
    border-collapse: collapse;
    border:0px solid blue;}


.ar_zs_jahr {
    color: #000000;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    border-right: 8px solid #E3DED7;}


.ar_zs_bild {
    padding: 10px;
    vertical-align: top;
    border:0px solid blue;}


.ar_zs_text {
    vertical-align: top;
    color: black;
    text-decoration: none}


/* END CSS */

[size=10] (Nicht als HTML-Code formatiert, weil Einrückungen und Leerzeilen sonst verloren gehen.)[/SIZE]

<table class="ar_zs_zeitrahl">
<tbody>


<tr>[INDENT]<td class="ar_zs_jahr" style="text-align: center;">[/INDENT]
[INDENT=2]1999
[/INDENT]
[INDENT]</td>


[/INDENT]
[INDENT]<td class="ar_zs_bild">[/INDENT]
[INDENT=2]<a href="http://.../details/wiedergeburten/">
[/INDENT]
[INDENT=3]<img class="alignnone wp-image-741 size-medium" src="http:/.../wp-content/uploads/2018/01/Wiedergeburten-216x300.jpg" alt="" width="216" height="300" />
[/INDENT]
[INDENT=2]</a>[/INDENT]
[INDENT]</td>


[/INDENT]
[INDENT][COLOR=#0000cd]<td class="ar_zs_text">
[/COLOR][/INDENT]
[INDENT=2][COLOR=#ff0000]<a href="http://.../details/wiedergeburten/">
[/COLOR][/INDENT]
[INDENT=3][COLOR=#ff0000]<h6>Wiedergeburten
[/COLOR][/INDENT]
[INDENT=3][COLOR=#ff0000]<em>Zur Geschichte der runden Jahrestage der DDR</em></h6>
[/COLOR][/INDENT]
[INDENT=3][COLOR=#ff0000]<img class="alignnone wp-image-1127 size-full" src="http://.../wp-content/uploads/2018/01/sammelband.png" alt="" width="30" height="30" />
[/COLOR][/INDENT]
[INDENT=2][COLOR=#ff0000]</a>[/COLOR][/INDENT]
[INDENT][COLOR=#0000cd]</td>[/COLOR][/INDENT]


</tr>


</tbody>
</table>

[COLOR=#0000ff]Blau ist das dritte Tebellenfeld, um das es geht[/COLOR],[COLOR=#ff0000] rot dessen Inhalt, der sich wie ein einziger Link verhalten soll.[/COLOR]

Ein Klick in dieses Feld soll zu einer anderen WP-Seite führen, die Detaillinformationen enthält.

Ich hoffe, dass es auch so geht.

Jedenfalls danke ich schon jetzt sehr fürs Mitdenken.

LG,
Purpur