Link-Handsymbol in Tabellenzelle |
janDD
Otto-Normal-Poster Threadstarter
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 Threadstarter
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 Threadstarter
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 Threadstarter
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
|