kostenloser Webspace werbefrei: lima-city


Tabelle als Link

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    viennahardstylez

    viennahardstylez hat kostenlosen Webspace.

    Hi.
    Kennt einer von euch / bzw. gibt es eine (recht einfache) möglichkeit, eine ganze tag/tabelle">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!
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. dieseseitehier

    dieseseitehier hat kostenlosen Webspace.

    gibt es probleme, wenn das mit javascript erledigt wird?
  4. Autor dieses Themas

    viennahardstylez

    viennahardstylez hat kostenlosen Webspace.

    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 :;)
  5. 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:
    <a href="hoffentlich-besserer.html.code">
    <table summary="Wenn diese Tabelle sinngemäß genutzt würde, wäre kein Link drumrum.">
    [...]
    </table>
    </a>
    poste mal deinen Problem code, dann helfe ich dir auch gerne dein layoutproblem zu lösen.

    Aber wie gesagt, auf die ursprüngliche Frage wirst du keine gute Antwort bekommen können.
  6. 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
  7. dieseseitehier

    dieseseitehier hat kostenlosen Webspace.

    also per javascript könnte man es auch so machen: http://dieseseitehier.lima-city.de/demo.html.
  8. 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>&nbsp;</td>
      </tr>
    </table>
    </body>





    Beitrag zuletzt geändert: 25.6.2010 10:09:04 von tom-moeller
  9. dieseseitehier

    dieseseitehier hat kostenlosen Webspace.

  10. 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
    .zelle a{
    	display: block;
    	line-height: 100px;
    }
    einsetzen und schon geht es über die ganze höhe der Zelle.

    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
  11. dieseseitehier

    dieseseitehier hat kostenlosen Webspace.

  12. 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
  13. Autor dieses Themas

    viennahardstylez

    viennahardstylez hat kostenlosen Webspace.

    Super danke, hab das Problem jetzt 100% gelöst!
    DANKE!
  14. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!