Home | Registrieren | Einloggen | Suchen | Aktuelles


Forum » Auszeichnungssprachen » Link-Handsymbol in Tabellenzelle Antworten
Link-Handsymbol in Tabellenzelle

janDD
Otto-Normal-Poster


Beiträge: 65


Wenn man mit dem Mauszeiger über einen textlink geht, wird dieser zu einem Fingersymbol.

Nun habe ich eine Tabelle. Jetzt möchte ich, in der einige Zellen ein klickbarer Link sind, doch der Mauszeiger verwandelt sich nicht in das Handsymbol.

Wie erreiche ich das?

  Profil   Editieren   Zitieren

slackerbitch
Otto-Normal-Poster


Beiträge: 69


onclick="location.href='deineseide.html" onmouseover="this.style.cursor='hand'" onmouseout="this.style.cursor='default'"

---
sig

  Profil   Website   Editieren   Zitieren

janDD
Otto-Normal-Poster


Beiträge: 65


danke, noch ein problem bei OnMouseOver:

z.Z. habe ich es so:onMouseOver="this.bgColor='silver'"

jetzt will ich aber, dass um den "silveren" Background ein haarfeiner schwarzer Rahmen erscheint, aber nur (!) bei onMouseOver

Danke für Tipps.

  Profil   Editieren   Zitieren

HG
Posting-Schinder


Beiträge: 520



slackerbitch schrieb am 2002-07-22 23:27 :
onclick="location.href='deineseide.html" onmouseover="this.style.cursor='hand'" onmouseout="this.style.cursor='default'"


Moderne Browser können das auch mit css. Einfach im Stylesheet an die id der Tabellenzelle ein :hover mit den entsprechenden Angaben.


janhanewald schrieb am 2002-07-23 00:17 :
danke, noch ein problem bei OnMouseOver:

z.Z. habe ich es so:onMouseOver="this.bgColor='silver'"

jetzt will ich aber, dass um den "silveren" Background ein haarfeiner schwarzer Rahmen erscheint, aber nur (!) bei onMouseOver

Danke für Tipps.


Dazu noch ein this.style.border='1px solid #000'. Dann müsste auch ein schwarzer Rahmen bei onMouseOver erscheinen.


[ Diese Nachricht wurde geändert von: HG am 2002-07-23 10:15 ]

---
www.kuminatano.de

  Profil   E-Mail   Website   Editieren   Zitieren

janDD
Otto-Normal-Poster


Beiträge: 65


this.style.border='1px solid #000' ... geht leider nicht, kein Rahmen erscheint :( !

  Profil   Editieren   Zitieren

HG
Posting-Schinder


Beiträge: 520


Hmm. gut. Dann vielleicht so:
document.getElementById("tabellenzelle").style.border = "solid 1px #000";

Du musst der Tabellenzelle ein entsprechendes id-Attribut zuweisen. Im Prinzip kann (zumindest im Mozilla) auch der Tabellenzelle eine id zugewiesen werden, und dann per (CSS) :hover der Rahmen geändert werden.

Sollte funktionieren, geht aber nicht im NS 4, sondern erst ab ie 5.5 und NS 6

---
www.kuminatano.de

  Profil   E-Mail   Website   Editieren   Zitieren

janDD
Otto-Normal-Poster


Beiträge: 65


Damit geht's. Danke.

Nur noch eine Frage diesbezüglich: Durch den Rahmen verschiebt sich jetzt die Tabelle und dessen Zellen, weil der Rahmen die aktive Zelle auch verbreitert.

Kann ich das umgehen oder einen Rahmen nach innen machen?

[ Diese Nachricht wurde geändert von: janhanewald am 2002-07-23 11:44 ]

  Profil   Editieren   Zitieren

HG
Posting-Schinder


Beiträge: 520


Das geht leider nicht. Du könntest nur der Tabellenzelle von vornherein einen Rahmen von 1px geben, und dann mit onMouseOver nur noch die Farbe ändern, aber das sieht natürlich nur bei einfarbigen Umgebungsflächen gut aus. Sobald da Bilder, bzw. Layoutgrafiken daneben sind, dann, naja.

Das ganze liegt daran, wie der Rahmen eines Elements per Standard in HTML definiert wird. einen inneren Rahmen kann man meines Wissens nicht zuweisen, bzw. wenn das geht, dann nur über verschiedene Verschachtelungstricks.

---
www.kuminatano.de

  Profil   E-Mail   Website   Editieren   Zitieren
 

Antworten
Nach oben