[Erledigt] CSS: komplette Zelle Linkaktiv machen - Problem

04.11.2005, 22:53

Hi,

ich mache mit der folgenden Style-Eigenschaft eine Zelle einer Tabelle komplett Linkaktiv:

Code:

display: block; width: 100%; height: 100%;

Das funktioniert auch wunderbar, sofern es sich um gleich hohe Zellen handelt. Nun habe ich aber zwei Zellen nebeneinander. In einer befindet sich ein Bild, welches höher ist als der Text in der anderen Zelle, welche gleichzeitig verlinkt ist.

Jetzt ist der Link nur aktiv, wenn man mit der Maus direkt über den Text fährt, und nicht wenn man sich z.B: über dem Text, aber in der Zelle befindet. Wie kann ich das ändern?

Hier mal noch der Code zum besseren Verständnis:

Code:

<td width="20%">
[img]images/button-phoenix.gif[/img]
</td>

<td width="80%" style="display: block; width: 100%; height: 100%;">
<font size="2">
<a href="...">
Hier steht ein einzeiliger Text
</a>
</font>
</td>

Hoffe ihr könnt mir bei der Lösungs des Problemes helfen.

Danke + Grüße
Passi

bluebird · 04.11.2005, 23:08

Ähm. Javascript?

Code:

<td onClick="open('linkziel.htm')">...</td>

Sollte so gehen... wenn nicht, JavaScript Referenz zu Rate ziehen zu open().

bluebird

04.11.2005, 23:08

Mal abgesehen davon, dass Du nicht <font> benutzen solltest (dafür gibt's ja CSS), versuch doch mal

<a href="#" style="display:block">

bzw direkt in die CSS schreiben, dann musst Du das nicht jedesmal da rein setzen

04.11.2005, 23:22

Hi,

danke für die Antworten. Was nun das JavaScript OnClick Zeug damit zu tun hat versteh ich grad nicht wirklich.

Die Style Eigenschaft direkt im <a> funktioniert leider auch nicht.. direkt ins CSS schreiben ist klar, habs jetzt nur hier direkt eingefügt damit man es gleich sieht

.

04.11.2005, 23:49

Nur mal eben sicherheitshalber gefragt: Der Rest der Tabelle (<table> und <tr>) ist auch vorhanden?

04.11.2005, 23:51

Jo is alles da..

Is alles W3C HTML 4.01 Transitional valide.. funzt halt nur nich so wie ich es will leider..

05.11.2005, 00:01

Mach mal

<a href="#" style="display:block;height:100%;width:100%">

05.11.2005, 00:03

Hatte ich vorhin schon.. die einzige Änderung (wohlgemerkt nur im IE) war das der Linktext nicht mehr vertikal zentriert war sondern oben stand, also wie valign="top". Aktiv war der Link aber auch nur, wenn man mit der Maus direkt auf dem Text war und nicht wenn man drunter auf der Zelle war...

05.11.2005, 00:07

Hab's jetzt nur mal hier mit dem Firefox ausprobiert (irgendwie läuft der IE nicht unter Linux, komisch...), da hat das wenigstens geklappt, dass die ganze Zelle, in welcher der Link steht, auch als Link erkannt wird, auch wenn sich die Maus bedeutend darunter befindet (Test-Zeilenhöhe: 300px)

Und der Link kann sich auch nur auf die Zelle beziehen, in der er steht; wenn Du die ganze Zeile haben möchtest, müsstest Du in jede Zelle einen Link einbauen.

05.11.2005, 00:10

Zitat:

Und der Link kann sich auch nur auf die Zelle beziehen, in der er steht; wenn Du die ganze Zeile haben möchtest, müsstest Du in jede Zelle einen Link einbauen.

Das ist klar.

Hm kannst mir mal den Code bitte reinpasten? Mein Code funzt auch im Firefox nicht..

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Timestamp problem	phrain	PHP Tipps 2008	2	04.04.2008 09:41
Problem mit CAPTCHA	patEwing	PHP Tipps 2008	0	11.02.2008 21:57
HTML/CSS: Gitternetz-Tabelle, selektierte Zellen	Zergling-new	Tutorials	0	06.07.2007 19:53
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
[Erledigt] wieder ein Problem bei phpmailer und smtp		PHP Tipps 2006	24	07.02.2006 01:07
Zelle mit scrollbar?		HTML, Usability und Barrierefreiheit	5	01.07.2005 21:40
Array Problem [Ansatz ?]		PHP Tipps 2005	0	27.01.2005 18:24
[Erledigt] Problem bei Massenmails versenden mit der Funktion mail		PHP-Fortgeschrittene	3	19.01.2005 13:36
[Erledigt] Problem mit Übergabe einer Klasse in PHP4		PHP-Fortgeschrittene	10	08.01.2005 21:00
problem mit der "die" funktion	aircrash	PHP Tipps 2005	2	08.01.2005 19:44
Problem mit Weiterleitung		PHP Tipps 2004-2	16	22.12.2004 17:49
Smarty und PHP-Skript Problem		PHP Tipps 2004-2	2	03.12.2004 22:27
[Erledigt] PHP Upload (Master Value/Local Value Problem)		PHP-Fortgeschrittene	5	23.11.2004 07:21
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34

04.11.2005, 22:53
Gast Beiträge: n/a	[Erledigt] CSS: komplette Zelle Linkaktiv machen - Problem Hi, ich mache mit der folgenden Style-Eigenschaft eine Zelle einer Tabelle komplett Linkaktiv: Code: display: block; width: 100%; height: 100%; Das funktioniert auch wunderbar, sofern es sich um gleich hohe Zellen handelt. Nun habe ich aber zwei Zellen nebeneinander. In einer befindet sich ein Bild, welches höher ist als der Text in der anderen Zelle, welche gleichzeitig verlinkt ist. Jetzt ist der Link nur aktiv, wenn man mit der Maus direkt über den Text fährt, und nicht wenn man sich z.B: über dem Text, aber in der Zelle befindet. Wie kann ich das ändern? Hier mal noch der Code zum besseren Verständnis: Code: <td width="20%"> [img]images/button-phoenix.gif[/img] </td> <td width="80%" style="display: block; width: 100%; height: 100%;"> <font size="2"> <a href="..."> Hier steht ein einzeiliger Text </a> </font> </td> Hoffe ihr könnt mir bei der Lösungs des Problemes helfen. Danke + Grüße Passi


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

04.11.2005, 23:08
bluebird Benutzer Registriert seit: 17.05.2005 Beiträge: 57	Ähm. Javascript? Code: <td onClick="open('linkziel.htm')">...</td> Sollte so gehen... wenn nicht, JavaScript Referenz zu Rate ziehen zu open(). bluebird

04.11.2005, 23:22
Gast Beiträge: n/a	Hi, danke für die Antworten. Was nun das JavaScript OnClick Zeug damit zu tun hat versteh ich grad nicht wirklich. Die Style Eigenschaft direkt im <a> funktioniert leider auch nicht.. direkt ins CSS schreiben ist klar, habs jetzt nur hier direkt eingefügt damit man es gleich sieht .

04.11.2005, 23:49
Gast Beiträge: n/a	Nur mal eben sicherheitshalber gefragt: Der Rest der Tabelle (<table> und <tr>) ist auch vorhanden?

04.11.2005, 23:51
Gast Beiträge: n/a	Jo is alles da.. Is alles W3C HTML 4.01 Transitional valide.. funzt halt nur nich so wie ich es will leider..

05.11.2005, 00:01
Gast Beiträge: n/a	Mach mal <a href="#" style="display:block;height:100%;width:100%">

05.11.2005, 00:03
Gast Beiträge: n/a	Hatte ich vorhin schon.. die einzige Änderung (wohlgemerkt nur im IE) war das der Linktext nicht mehr vertikal zentriert war sondern oben stand, also wie valign="top". Aktiv war der Link aber auch nur, wenn man mit der Maus direkt auf dem Text war und nicht wenn man drunter auf der Zelle war...

05.11.2005, 00:07
Gast Beiträge: n/a	Hab's jetzt nur mal hier mit dem Firefox ausprobiert (irgendwie läuft der IE nicht unter Linux, komisch...), da hat das wenigstens geklappt, dass die ganze Zelle, in welcher der Link steht, auch als Link erkannt wird, auch wenn sich die Maus bedeutend darunter befindet (Test-Zeilenhöhe: 300px) Und der Link kann sich auch nur auf die Zelle beziehen, in der er steht; wenn Du die ganze Zeile haben möchtest, müsstest Du in jede Zelle einen Link einbauen.