ganze Tabellenzelle verlinken
Ingo Siemon
- html
0 patte0 NameNick0 Ingo Siemon0 Kai Lahmann
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
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
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
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
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
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
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
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
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
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
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
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