Tabellenzeile verlinken

N

Npp

Gesperrt

• 5. November 2004

• #1

Hallo,

ich möchte gerne eine Tabellenzeile mit Text drine verlinken, wen jemand mit dem Mauszeiger drüber fährt, soll der Hintergrund eine andere Farbe bekommen und der Mausfeil so ein Linkhinweis mit Finger werden, aber auch schon wenn die Maus noch nicht über den Textlink gefahren ist, sonder schon wenn der Mauszeiger die Spalte der Tabelle mit dem Text berührt.

 

Edemund

Erfahrenes Mitglied

• 5. November 2004

• #2

Hi!
Ich würde das mit javascript realisieren, indem du den EventHandlern Onmouseover, onClick und onmouseout die verschiedenen Ereignisse zuweist, d.h. Onmouseover ändert sich die Farbe, onmouseout ändert sie sich zurück und onclick öffnet sich der link. Ob sich letzteres so durchführen lässt weiß ich nicht, ersteres funktioniert aber.

 

saschaf

Erfahrenes Mitglied

• 5. November 2004

• #3

Das kannst du auch über css realisieren.


td a
{ display: block;
width: 100%;
height: 100%;
background-color:#FFFFF;
}

td a:hover
{ display: block;
width: 100%;
height: 100%;
background-color:#000000;
}

 

worki2k1

Erfahrenes Mitglied

• 5. November 2004

• #4

saschaf hat gesagt.:

Das kannst du auch über css realisieren.


td a
{ display: block;
width: 100%;
height: 100%;
background-color:#FFFFF;
}

td a:hover
{ display: block;
width: 100%;
height: 100%;
background-color:#000000;
}

Zum Vergrößern anklicken....

Damit lässt sich aber nur der Textlink einfärben. Die gesamte Tabellenzelle wird nicht eingefärbt, und das ist es was er will. Die erste Lösung ist richtig. Ich mache das genauso. Das mit dem onClick funktioniert.

 

saschaf

Erfahrenes Mitglied

• 5. November 2004

• #5

Also hier ist mal ein Beispiel mit einer GANZEN Zelle als Link.

 

Anhänge

• Css-Beispiel.zip

  632 Bytes · Aufrufe: 700

N

Npp

Gesperrt

• 5. November 2004

• #6

Hallo saschaf,

echt super man, vielen Dank, funktioniert prima.

Wenn ich dann mal was für dich tun kann ne, du weist schon!

Npp

 

M

mbecker

Mitglied

• 29. Dezember 2004

• #7

muss man sich mal agucken...

 

G

greenapple

Grünschnabel

• 23. Februar 2005

• #8

HI saschaf!
Erstmal danke für den "Trick" mit der css-Datei. Das klappt super.

Ich habe nur ein kleines Problem. Wie schafft man es, dass nicht alle Links mit der, in der css-Datei angegebenen Farbe hinterlegt sind und den selben Mouseover Effekt haben?

MFG
[AtC] greenapple

 

saschaf

Erfahrenes Mitglied

• 23. Februar 2005

• #9

Das funktioniert mit Klassen. Und zwar so:

HTML-Code:

<td class="linkstyle1"> <a ....../a> </td>
<td class="linkstyle2"> <a......./a> </td>

CSS:

td.linkstyle1 a{....}
td.linkstyle1 a:hover {....}

td.linkstyle2 a{....}
td.linkstyle2 a:hover {....}

In den Klammern kannst du verschiedene Farben, Schriftarten, Rahmen und was weis ich noch alles definieren (So wie es auch im Beispiel oben ist). Das ganze funktioniert auch mit vielen verschiedenen Klassen.

 

G

greenapple

Grünschnabel

• 24. Februar 2005

• #10

Hey cool... Das funktioniert super Danke vielmals!

Aber ich hab jetzt noch ein Problem... Du kannst es dir ja auf meiner Homepage anschauen.

http://de.geocities.com/atcgreenapple/home.htm

Und zwar ist beim Mouseover die Schrift "hochgestellt", wie kann ich das so machen, dass ich die Schrift immer in der Mitte habe, und zwar nicht nur horizontal, sondern auch vertikal...

Wär' cool, wenn du mir da auch noch helfen könntest

Nochmals: DANKE!

 

Zuletzt bearbeitet: 24. Februar 2005