Oliver Jacobowsky: Verweis über eine ganze Zeile einer Tabelle

Hallo,

meine Tabelle besteht aus mehreren Zeilen mit je 3 Zellen. Jeweils in der mittleren Zelle steht ein Verweis (<td><a href="rechts.htm" target="rechts">Home</td>).

Die Formatierung habe ich mittels CSS folgendermaßen gelöst:

<style type="text/css">
a { font-family: Verdana; font-size: 11pt; font-weight: normal; text-decoration: none; }
a:link { color:#000000; }
a:visited { color:#00000; }
a:hover { color:#3366FF; }
a:active { color:#ff0000; }
a:focus { color:#ff0000; }
</style>

Nun ist es aber so, dass der Mouseover-Effekt usw. nur eben auf den Verweis in der Mitte wirkt (ist ja logisch). Ich hätte es aber gerne über jeweils die gesammte Zeile! Ich schon versucht, den Verweis auf die gesammte Zeile, also vor und nach <tr>, wirken zu lassen. Funktioniert aber leider nicht.

Könnt ihr hier weiterhelfen?
Ich danke euch schon mal für eure Hilfe!!!

MfG
Oli

  1. Hallo.

    Nun ist es aber so, dass der Mouseover-Effekt usw. nur eben auf den Verweis in der Mitte wirkt (ist ja logisch). Ich hätte es aber gerne über jeweils die gesammte Zeile! Ich schon versucht, den Verweis auf die gesammte Zeile, also vor und nach <tr>, wirken zu lassen. Funktioniert aber leider nicht.

    Wie hast du das versucht?
    Das Stichwort ist display:block.

    MfG, Kungschu.

    1. Hallo,

      Nun ist es aber so, dass der Mouseover-Effekt usw. nur eben auf den Verweis in der Mitte wirkt (ist ja logisch). Ich hätte es aber gerne über jeweils die gesammte Zeile! Ich schon versucht, den Verweis auf die gesammte Zeile, also vor und nach <tr>, wirken zu lassen. Funktioniert aber leider nicht.

      Wie hast du das versucht?
      Das Stichwort ist display:block.

      Nein, ist es nicht.

      Weißt du was display:block; macht?

      MfG

      1. Hallo.

        Das Stichwort ist display:block.
        Nein, ist es nicht.

        Weißt du was display:block; macht?

        Erzwingt einen Block. Also etwa <a style="display:block;" href=""></a>

        So nicht?

        MfG, Kungschu.

        1. Hallo,

          Das Stichwort ist display:block.
          Nein, ist es nicht.

          Weißt du was display:block; macht?

          Erzwingt einen Block. Also etwa <a style="display:block;" href=""></a>

          So nicht?

          Doch, richtig. Noch genauer: Es macht, dass ein Element genau so lang ist, wie das Elternelement. Und was ist das Elternelement? Das td und nicht das tr. Also wird der Block nur in der Zelle erzeugt. Nicht in der Zeile.

          Das Problem ist mit Javascript (onmouseover etc.) lösbar.

          MfG

          1. Hallo.

            So nicht?

            Doch, richtig. Noch genauer: Es macht, dass ein Element genau so lang ist, wie das Elternelement. Und was ist das Elternelement? Das td und nicht das tr. Also wird der Block nur in der Zelle erzeugt. Nicht in der Zeile.

            Das Problem ist mit Javascript (onmouseover etc.) lösbar.

            Oh, ich habe die Frage nicht aufmerksam genug gelesen.

            MfG, Kungschu.