Tabellenzeile als Link

[1A_Photoshop]

Gibt es mittlerweile die Möglichkeit mit xhtml oder css eine Tabellenzeile (die mehre Spalten enthält) anklickbar zu machen?
Sprich: man fährt über die Tabellenzeile die wird gehovert und man kann dann per Mausklick irgendwo anders hingeleitet werden?

 

[Myhar]

AW: Tabellenzeile als Link

Mittels JS kannst du so etwas gut lösen. Du musst der Zeile einen onclick Eventhandler zuweisen und dann deine gewünschte Aktion ausführen. Einen :hover Effekt kannst du natürlich mittels CSS realisieren (tr:hover)

 

[1A_Photoshop]

AW: Tabellenzeile als Link

Dank dir Myhar. Das mit dem (tr:hover) ist klar. Aber ich wollte nicht unbedingt JS einsetzen, da es nur 67% meiner Besucher benutzen. Deshalb such ich nach eine html+css Lösung.
Gibt es dafür in html5, ein Lösungsansatz?

 

[Myhar]

AW: Tabellenzeile als Link

Du kannst in jede Zelle einen Link platzieren, dann brauchst du kein JS. Auch in HTML5 ist es meines Wissens nach nicht erlaubt, den Link einfach um die tr zu legen. Sind die einzelnen Links exakt so groß wie die Zellen, dann wirkt es so, als ob es ein großer Link wäre.

 

[1A_Photoshop]

AW: Tabellenzeile als Link

Du kannst in jede Zelle einen Link platzieren, dann brauchst du kein JS. ... Sind die einzelnen Links exakt so groß wie die Zellen, dann wirkt es so, als ob es ein großer Link wäre.

Wie meinst du das? Wie bekomme ich einen Link exakt so groß wie eine Zelle?
Sorry, steh gerade ein wenig auf dem Schlauch.

 

[Myhar]

AW: Tabellenzeile als Link

Indem du den Zellen keinerlei margin/padding zuweist. Dann sind die Zellen direkt nebeneinander und der Link fängt genau beim Rand von der Zelle an. Dem Link an sich kannst du natürlich ein padding etc. verpassen.

<td>
<a>
<p>Hier ist der Inhalt auch mit <img src="" alt=""/> Bilder</p>
</a>
</td>

CSS:
td{padding:0;margin:0}

 

[1A_Photoshop]

AW: Tabellenzeile als Link

Dank dir Myhar.
Werde das ausprobieren.
Ich denke ich muss noch
CSS: td {display: block;}
zufügen

 

[1A_Photoshop]

AW: Tabellenzeile als Link

Hat geklappt, aber ist ganz schon aufwendig für jedes einzelne Tabellenzelle.
Da könnten die bei W3C oder wo auch immer, mal was drehen.
Dank dir Myhar.

 

[owieortho]

AW: Tabellenzeile als Link

... da es nur 67% meiner Besucher benutzen....

Ich dachte auch mal das JS keine gute Idee (mehr) wäre. Aber heute in Zeiten von AJAX, jquery, node.js, etc. glaube ich, dass ohne JS unterwegs zu sein, eine ziemliche Beschränkung der "user experience" mit sich bringt. Ist die Zahl auch stichhaltig?

2ct.

O.

 

[Myhar]

AW: Tabellenzeile als Link

glaube ich, dass ohne JS unterwegs zu sein, eine ziemliche Beschränkung der "user experience" mit sich bringt.

Eine Website sollte auch ohne JS die nötigen Informationen bereitstellen können. Vorausgesetzt, sie ist ordentlich programmiert. Lediglich bei Webanwendungen kann JS vorausgesetzt werden, aber bei >90% der Websites ist JS nur eine Spielerei und wer seine Seite so aufbaut, dass sie ohne JS nicht funktioniert arbeitet meiner Meinung nach nicht ordentlich.
Das sage ich als jemand, der auch lieber JS abgedreht hat.

 

[1A_Photoshop]

AW: Tabellenzeile als Link

Ist die Zahl auch stichhaltig?

Nun sie gilt für meine Webseite, laut meinem Counter der auch die Robots die auch ohne JS unterwegs sind, bereits abgezogen hat.

 

[1A_Photoshop]

AW: Tabellenzeile als Link

Eine Website sollte auch ohne JS die nötigen Informationen bereitstellen können. Vorausgesetzt, sie ist ordentlich programmiert. Lediglich bei Webanwendungen kann JS vorausgesetzt werden, aber bei >90% der Websites ist JS nur eine Spielerei und wer seine Seite so aufbaut, dass sie ohne JS nicht funktioniert arbeitet meiner Meinung nach nicht ordentlich.
Das sage ich als jemand, der auch lieber JS abgedreht hat.

Das sehe ich sehr ähnlich. Kommt jemand auf meine Webseite und hat z.B. Noscript an (benutze ich selbst) würde er den Link per Javascript gar nicht angeboten bekommen. So etwas möchte ich nicht. Deshalb muss möglichst alles erst einmal ohne Javascript funktionieren.