Menü mit Tabellenzeilen

[Andreas]

Hallo Experten,

ich habe in Tabellenzeilen Menüpunkte geschrieben und
bereits formatiert.

Ich möchte für jeden Menüpunkt einen Link erzeugen,
der folgende Kriterien erfüllt:

• Der Link funktioniert über der gesamten Tabellenzelle,
  auch neben dem Text.

• Der Link verändert nicht die Formatierungen des Textes
  (Farbe)

Wie kriege ich das hin?

Danke

Andreas

[Dennis]

Hallo Experten,

Hallo Nicht-Experte *g*

ich habe in Tabellenzeilen Menüpunkte geschrieben und
bereits formatiert.

Prima, gratulation.

Ich möchte für jeden Menüpunkt einen Link erzeugen,
der folgende Kriterien erfüllt:

Schön, hab ich nix dagegegen. *scnr*

• Der Link funktioniert über der gesamten Tabellenzelle,
  auch neben dem Text.

Tja, da fangen die Probleme an.
Das wurde schon oft hier diskutiert (siehe also auch </archiv/>,
aber soweit ich weiß, ist das nicht so einfach möglich.
Zumindest nicht ohne weitere "Hilfsmittel" wie Scripte.

Vielleicht geht es auch überhaupt nicht,
da weiß das </archiv/> mehr als ich.
Dort findest du auch über die grundsätzliche Verwendung von z.B. Javascript.

• Der Link verändert nicht die Formatierungen des Textes
  (Farbe)

Was soll damit jetzt gemeint sein?
Wenn ich mit der Maus über den Text gehe, soll sich dessen Farbe nicht
verändern? das meinst du?
Nun, das geht mit CSS mit a:hover.
Du musst eben überall (zumindest bei a:link und a:hover)
die selbe Farbe angeben.
Siehe auch [linkhttp://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus]

Wie kriege ich das hin?

Gute Frage, den ersten Teil vielleicht gar nicht,
den zweiten, im den du dir den Link durchliest. *g*

MfG, Dennis.

[Andreas Schneider]

Hallo Andreas,

• Der Link funktioniert über der gesamten Tabellenzelle,
  auch neben dem Text.

Gib dem Link dieselbe Breite wie der Zelle.

• Der Link verändert nicht die Formatierungen des Textes
  (Farbe)

Lege die Farbe fest.

Wie kriege ich das hin?

Mit CSS.

Grüße
Andreas

[André]

Hallo Andreas,

• Der Link funktioniert über der gesamten Tabellenzelle,
  auch neben dem Text.

JavaScript wirst du dazu schon brauchen. Eine schnelle Lösung dafür, die mir einfällt wäre sowas wie

<table>
<tr>
<td OnClick='location.href='Linkziel'><a href='Linkziel'>Link</a></td>
</tr>
</table>

André

[Thomas Luethi]

Hallo,

• Der Link funktioniert über der gesamten Tabellenzelle,
  auch neben dem Text.

td a { display:block; width:100%; }

Siehe auch:
http://www.tiptom.ch/homepage/faq.html?q=zellelink

Achja, entgegen den Behauptungen von gewissen Noobs
ist JavaScript fuer dein Vorhaben ueberhaupt nicht notwendig.
CSS reicht voellig aus, um die Links auf die ganze Breite
der Tabellenzelle auszudehnen.

• Der Link verändert nicht die Formatierungen des Textes (Farbe)

Dazu gibt es CSS, insbesondere die Pseudoklassen fuer Links.
http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

Wie kriege ich das hin?

Lerne CSS. Der Rest kommt dann (fast) von selbst... ;-)
http://selfhtml.teamone.de/css/

Gruesse,

Thomas