Ingo Siemon: ganze Tabellenzelle verlinken

Hallo Ihr Lieben

Lässt sich eigentlich eine ganze Tabellenzelle verlinken.

Ich meine wenn sie z.B. 150 Pixel hoch ist und 200 Pixel breit
und nur ein einziges Wort drin steht.

Es soll aber nicht nur das Wort, sonderen eben auch der ganze "leere" Bereich der Zelle anklickbar sein.

Weiss hier jemand, ob das geht ?
Und wenn ja, wie ?

Über Hilfe und Ideen würde ich mich wirklich riesig freuen :)

Gruß aus Münster
Ingo Siemon

  1. ne geht eher nicht.
    mit nem mosnterkompliziertem script immer. aber wenn ein buchstabe drin ist, verlink den einfach. Sieht doch so besser aus.
    grüße

    Hallo Ihr Lieben

    Lässt sich eigentlich eine ganze Tabellenzelle verlinken.

    Ich meine wenn sie z.B. 150 Pixel hoch ist und 200 Pixel breit
    und nur ein einziges Wort drin steht.

    Es soll aber nicht nur das Wort, sonderen eben auch der ganze "leere" Bereich der Zelle anklickbar sein.

    Weiss hier jemand, ob das geht ?
    Und wenn ja, wie ?

    Über Hilfe und Ideen würde ich mich wirklich riesig freuen :)

    Gruß aus Münster
    Ingo Siemon

  2. Es soll aber nicht nur das Wort, sonderen eben auch der
    ganze "leere" Bereich der Zelle anklickbar sein.

    So gehts:

    <table border="0">
      <tr>
        <td onMouseOver="style.backgroundColor='#000000'; style.cursor='hand';" onMouseOut="style.backgroundColor='#B5B5B5';" onClick="location.href='dateiname.html'">  <a href="dateiname.html">Text</a></td>
      </tr>
    </table>

    In diesem Beispiel ist nicht nur die Zelle 'anklickbar', sondern sie wechselt auch noch ihre Farbe beim Mouseover. Beides funktioniert nicht mit Netscape 4 - bei dem ist dann wirklich nur der Link klickbar.

    Falls das nicht hinhauen sollte, hier der URL zu einer Seite, die das einsetzt (Navigation links): http://www.kn-filter.de/de/site/produkte/

    Gruß NN

    1. Es soll aber nicht nur das Wort, sonderen eben auch der
      ganze "leere" Bereich der Zelle anklickbar sein.

      Yep, genau :)

      So gehts:

      <table border="0">
        <tr>
          <td onMouseOver="style.backgroundColor='#000000'; style.cursor='hand';" onMouseOut="style.backgroundColor='#B5B5B5';" onClick="location.href='dateiname.html'">  <a href="dateiname.html">Text</a></td>
        </tr>
      </table>

      In diesem Beispiel ist nicht nur die Zelle 'anklickbar', sondern sie wechselt auch noch ihre Farbe beim Mouseover. Beides funktioniert nicht mit Netscape 4 - bei dem ist dann wirklich nur der Link klickbar.

      Falls das nicht hinhauen sollte, hier der URL zu einer Seite, die das einsetzt (Navigation links): http://www.kn-filter.de/de/site/produkte/

      Hey das ist ja super.
      Ganz genau so habe ich mir das gewünscht.
      Ganz vielen lieben Dank für Deine Hilfe !!!
      Wenn Du mal schauen möchtest, wie ich es nun gemacht habe,
      klick einfach auf das Banner da unten :)
      (Dann auf "Neuheiten" in der linken Navigation)

      Danke nochmal und Gruß aus Münster
      Ingo Siemon

      1. Hallo nochmal

        Wenn Du mal schauen möchtest, wie ich es nun gemacht habe,
        klick einfach auf das Banner da unten :)
        (Dann auf "Neuheiten" in der linken Navigation)

        Ups, habe grade erst gemerkt, dass das Banner gar nicht verlinkt ist :)

        Hier ist meine URL: www.SPACEart.info

        Gruß
        Ingo

    2. hi

      <td onMouseOver="style.backgroundColor='#000000';

      this.style... wenn ich nicht irre :)

      style.cursor='hand';"

      Das kann man ja auch fest definieren für die Zelle - und mit style="cursor:pointer;cursor:hand;" hat dann jeder was davon (workaround für einen MSIE-Bug, Reihenfolge wichtig!)

      Grüße aus Lübeck

      Kai

      1. Lieber Kai aus Lübeck :)

        <td onMouseOver="style.backgroundColor='#000000';

        this.style... wenn ich nicht irre :)

        style.cursor='hand';"

        Das kann man ja auch fest definieren für die Zelle - und mit style="cursor:pointer;cursor:hand;" hat dann jeder was davon (workaround für einen MSIE-Bug, Reihenfolge wichtig!)

        Vielen Dank für Deine Anregung.
        Aber da ich nicht so der Profi bin ...
        ... könntest Du mir nochmal den ganzen Zellen-Tag posten ?
        Das wäre wirklich sehr nett von Dir !

        Was meinst Du denn mit "this.style" ?

        Gruß aus Münster
        Ingo Siemon

        1. hi

          <td onMouseOver="this.style.backgroundColor='#000000';" onMouseOut="this.style.backgroundColor='#B5B5B5';" onClick="location.href='dateiname.html'" style="cursor:pointer;cursor:hand;background-color:#B5B5B5;">  <a href="dateiname.html">Text</a></td>

          so dann. Damit ändert sich die Hintergrundfarbe der Zelle wenn man mit der Maus rübergeht und die gesamte Zelle ist der Link.

          Grüße aus Lübeck

          Kai

          1. Guten Morgen Kai

            <td onMouseOver="this.style.backgroundColor='#000000';" onMouseOut="this.style.backgroundColor='#B5B5B5';" onClick="location.href='dateiname.html'" style="cursor:pointer;cursor:hand;background-color:#B5B5B5;">  <a href="dateiname.html">Text</a></td>

            Ginge es nicht auch so:

            <td onmouseover="this.bgColor='#000000';" onmouseout="this.bgColor='#B5B5B5';" onClick="location.href=''dateiname.html'" style="cursor:pointer;cursor:hand;">

            Wäre etwas kürzerer Quelltext :)
            Oder wäre das dann nicht korreckt ?

            Und kann ich das ganze auch auf eine Tabellen-Zeile
            statt auf eine -Zelle anwenden ?

            Gruß nochmal
            Ingo

            1. hi

              <td onmouseover="this.bgColor='#000000';" onmouseout="this.bgColor='#B5B5B5';" onClick="location.href=''dateiname.html'" style="cursor:pointer;cursor:hand;">

              ...müsste - probieren geht über studieren

              Und kann ich das ganze auch auf eine Tabellen-Zeile
              statt auf eine -Zelle anwenden ?

              den ganzen Kram an's <tr>

              Grüße aus Lübeck

              Kai

              1. Maaaalzeit Kai :)

                <td onmouseover="this.bgColor='#000000';" onmouseout="this.bgColor='#B5B5B5';" onClick="location.href=''dateiname.html'" style="cursor:pointer;cursor:hand;">

                ...müsste - probieren geht über studieren

                Habe ich schon, und es funxt.
                Ich wollte nur wissen ob es korrekt ist, weil ich es nur mit MSIE5.5 und NetScape4.75 testen kann :)

                Und kann ich das ganze auch auf eine Tabellen-Zeile
                statt auf eine -Zelle anwenden ?

                den ganzen Kram an's <tr>

                Vielen Dank für Deine Hilfe !!

                Gruß
                Ingo

                1. hi

                  Habe ich schon, und es funxt.
                  Ich wollte nur wissen ob es korrekt ist, weil ich es nur mit MSIE5.5 und NetScape4.75 testen kann :)

                  Opera und Mozilla gibt's zu freien Download :)

                  Grüße aus Lübeck

                  Kai