<td> als Link verwenden

[Oliver Keith]

Hallo. Auf meiner Homepage www.win-tipps.de ist außen eine Linkleiste zu sehen. Sieht auch schon so aus, wie es sein soll, nur ein Problem habe ich dabei. Bei mir geht der Link nur, wenn ich auf den Text klicke. Das soll aber nicht so sein, da manche Links sehr kurz sind. Kennt ihr da eine Lösung, womit die ganze Tabellenzelle der Link wird? Ich möchte keine Grafiken dafür verwenden.

Danke für Antworten,
Oliver Keith

[rajko]

Hi,

versuch es mal so

<td onclick="document.location.href='link.html'">test</td>

habe es nicht getestet, aber so würde ich es probieren

[Jeena Paradies]

Hallo,

<td onclick="document.location.href='link.html'">test</td>

Warum soll er dafür JS verwenden wenn man das doch mittels CSS macht? Du musst den Link größer machen am besten so groß wie die Tabellenzelle. Am einfachsten dann so:

td.menu a {
 width: 100%;
 height: 100%;
 display: block; /* für den IE 5.x */
}

Grüße
Jeena Paradies

[KD-one]

Hi Jeena,

td.menu a {
width: 100%;
height: 100%;
display: block; /* für den IE 5.x */
}

Was willst du mit dem Kommentar ausdrücken?

Gruß

Kurt

[Jeena Paradies]

Hallo,

Was willst du mit dem Kommentar ausdrücken?

Eigentlich dass es ohne auch geht, aber dass der IE 5.x die Größenangaben bei Inlineelementen nicht beachtet. Liege ich da falsch?

Grüße
Jeena Paradies

[Jan H.]

Hallo,

Eigentlich dass es ohne auch geht, aber dass der IE 5.x die Größenangaben bei Inlineelementen nicht beachtet. Liege ich da falsch?

Inlineelemente sollten breiten/höhenangaben nicht beachten, der browser sollte sie nicht darstellen.
Der IE macht es aber trotzdem, display:block; _muss_ angegeben werden damit die grössenangaben auch in anderen browsern dargestellt werden.

Gruss, Jan aus Dresden

[Oliver Keith]

Dankeschön Leute,

die Möglichkeit mit CSS das zu machen, war wirklich gut. Wäre ich nie drauf gekommen. Jetzt funktioniert alles genau so, wie es soll. *freu*

[KD-one]

Hi Jeena,

Was willst du mit dem Kommentar ausdrücken?
Eigentlich dass es ohne auch geht, aber dass der IE 5.x die Größenangaben bei Inlineelementen nicht beachtet. Liege ich da falsch?

soweit ich mich noch erinnern kann, liegen die ProblemeIE<6 darin, dass er Größenangaben auch als Inlineelement akzeptiert.
Gleichzeitig bringt ihn die Verwendung von display:block; ein wenig durcheinander, sodass er, bei Größenangaben, welche gleiche Werte haben(width:inherit;height:inherit;) aussteigt und die CSS-Formatierung nur noch auf den ersten Link anwendet. Mozilla hat, glaub ich umgekehrt Probleme mit gleichen Prozentangaben gehabt.
Ich habe es schon lange nicht mehr nachgeprüft, aber der damalige Workaround war der, dass ich die Formate mischte (width:inherit;height:100%;), wodurch beide Browser dann auch die nachfolgenden Links korrekt formatierten.
Leg mich aber bitte nicht fest, das Problem liegt schon eine Weile zurück und es könnte durchaus sein, dass ich da nun was vertauscht habe und es genau umgekehrt ist.
Lediglich auf das mischen der Formate kann ich mich noch 100%ig erinnern. :-)

Gruß

Kurt

[Oliver Keith]

Hallo,

die JavaScript Lösung funktioniert fast genau so, wie ich sie wollte. Ich benutze sowieso JavaScript, also wäre das theoretisch egal. Nur sehe ich nicht die Hand als Mauszeiger wenn ich mit der Maus drüber gehe. Die CSS Möglichkeit teste ich gleich mal. Danke :)

[Jan H.]

Hallo,
du könntest das <a> element via css als block formatieren (display:block;) und dann die breite und höhe auf 100% ausdehnen, so dass das <a> element die grösse der zelle annimmt.

Gruss, Jan aus Dresden

[rajko]

auch nicht übel, dann brauchst Du Dich nicht darauf zu verlassen,
daß der Nutzer Javascript eingeschaltet hat