Tabelle als Link
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
bestimmen
blocken
code
dank
datum
display
folgendes schreiben
frage
genauer einstellen
http
inhalt
parameter
problem
setzen
super danke
tabelle
tag
text
url
zelle
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
gibt es probleme, wenn das mit javascript erledigt wird?
-
naja es sollte halt nicht so kompliziert sein
hab da mehr an sowas gedacht wie ein "<a href...> einfach vor das <td> zu setzen oder so :;) -
Anno für sich stellt sich die Frage gar nicht.
Wenn der Fall auftritt, heißt das, das die Tabelle nicht dazu dient Daten tabellarisch darzustellen, sprich für das layout eingesetzt wird, oder anders gesagt, das ist ein CSS Problem, und nicht ein "wie verlinke ich eine ganze Tabelle", denn wenn der code schon so schlecht ist, dann kann man auch gleich folgendes schreiben:
poste mal deinen Problem code, dann helfe ich dir auch gerne dein layoutproblem zu lösen.<a href="hoffentlich-besserer.html.code"> <table summary="Wenn diese Tabelle sinngemäß genutzt würde, wäre kein Link drumrum."> [...] </table> </a>
Aber wie gesagt, auf die ursprüngliche Frage wirst du keine gute Antwort bekommen können. -
Wie wäre es, wenn du einfach ein <a> Tag rein machst, der 100% hoch und 100% breit?
oder einfach ein onClick Event auf den <td>
onClick="document.location.href='DEINE SEITE';" (oder window anstatt document, bin mir nicht ganz sicher)
LG sneppa -
also per javascript könnte man es auch so machen: http://dieseseitehier.lima-city.de/demo.html.
-
viennahardstylez schrieb:
Hi.
Kennt einer von euch / bzw. gibt es eine (recht einfache) möglichkeit, eine ganze Tabellenzelle mit HTML zu verlinken, sprich, wenn man irgendwo auf eine bestimmen Zelle klickt, sich der Link öffnet, also nicht nur auf den z.B. Text der in einer Zelle.
Danke schonmal im Voraus!
Also im Theradtitel steht "Tabelle als Link", und in deinem Text "ganze Tabellenzelle". Also was, Tabelle oder Zelle?
Wenn Du wirklich "nur" eine Tabellenzelle meinst, und so habe ich Dich verstanden, musst Du nichts an die Tabelle selber oder irgendwas mit javascrip machen, sondern nur den Inhalt über CSS auf display:block; setzen.
<style type="text/css"> <!-- .ganzezelle a {display: block;} --> </style> </head> <body><table> <tr> <td class="ganzezelle"><a href="#">inhalt</a></td> <td> </td> </tr> </table> </body>
Beitrag zuletzt geändert: 25.6.2010 10:09:04 von tom-moeller -
also dann kommt aber auch nur das http://dieseseitehier.lima-city.de/demo2.html
-
dieseseitehier schrieb:
also dann kommt aber auch nur das http://dieseseitehier.lima-city.de/demo2.html
Stimmt, ich bin davon ausgegangen, dass die Zellen selber nicht mit Höhenangeben versehen werden.
In Deinem Fall würde ich dann
einsetzen und schon geht es über die ganze höhe der Zelle..zelle a{ display: block; line-height: 100px; }
Edit//... habe mich vertan, meinte line-height: 100px;
http://tom-moeller.lima-city.de/zelle_als_link.html
Beitrag zuletzt geändert: 25.6.2010 10:39:53 von tom-moeller -
ja geht jetzt siehe: http://dieseseitehier.lima-city.de/demo3.html
-
hallo
so geht es bei mir mit einem kleinen JavaScript ...
<td onclick=window.open('http://example.com')> KLICK IN TABELLE </td>
das neue Fenster (den onklick-Event) kann man ja noch genauer einstellen ... Parameter bei window.open()
anstatt <td kannst Du da (fast) jeden beliebigen TAG nehmen, TABLE oder DIV, etc ...
Beitrag zuletzt geändert: 25.6.2010 11:27:50 von freecontent -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
