<td>-Element als Verweis

[TryToBuilder]

Hallo,

ich habe darüber noch nichts bei google gefunden. Falls ich was übersehen habe, bitte verzeiht und gebt Bescheid. Danke.

Ich möchte gerne ein <td>-Tabellen-Element als Verweis darstellen. Also, wenn man das <td>-Element anklickt wird man auf eine andere Seite verwiesen. Wie genau ist das möglich? Habe selbst einiges versucht aber nicht hinbekommen.

<table style="text-align: center; position: static; font-family: Helvetica; transition: all 0.2s ease 0s; margin: auto; font-size: 130%; font-variant: small-caps;" cellpadding="0" cellspacing="50">
    <tbody style=""><tr>
      <td style="border-style: solid; height: 180px; border-radius: 10px; box-shadow: 8px 8px 10px grey; width: 180px;"><img style="height: 100px; width: 100px; margin-top: 15px;" src="/data/picture/photos.gif"/>
  <p> Start </p>
</td>
      <td style="border-style: solid; width: 150px; height: 150px; border-radius: 10px; box-shadow: 8px 8px 10px grey;">Start</td>
      <td style="border-style: solid; width: 150px; height: 150px; border-radius: 10px; box-shadow: 8px 8px 10px grey;">Start</td>
    </tr>
    <tr>
      <td style="border-style: solid; width: 150px; height: 150px; border-radius: 10px; box-shadow: 8px 8px 10px grey;">Start</td>
      <td style="border-style: solid; width: 150px; height: 150px; border-radius: 10px; box-shadow: 8px 8px 10px grey;">Start</td>
      <td style="border-style: solid; width: 150px; height: 150px; border-radius: 10px; box-shadow: 8px 8px 10px grey;">Start</td>
    </tr>
  </tbody></table>

Bitte nicht wundern dass CSS dabei ist und alles gleich ist und zwischenduch ein Bild drin ist, ist eine Test-Seite.

Vielen dank für eure Antworten! :)

lg

 

[Tronjer]

Lösche dieses Konstrukt und vergiss die Quelle, der du das entnommen hast. Tabellenlayout mit Inline-Styles entspricht dem Webstandard von vor fast 20 Jahren. Hier findest du einen Einstieg in moderne Webentwicklung.

https://developer.mozilla.org/de/docs/Web

Was deine Frage betrifft. Wenn du einen Link mit anderen Elementen als dem Anker-Tag umsetzen willst, musst du das per JavaScript machen.

 

[TryToBuilder]

Lösche dieses Konstrukt und vergiss die Quelle, der du das entnommen hast. Tabellenlayout mit Inline-Styles entspricht dem Webstandard von vor fast 20 Jahren. Hier findest du einen Einstieg in moderne Webentwicklung.

Danke für deine Antwort. Selbstverständlich weiß ich deine Meinung zu schätzen, werde das Konstrukt aber belassen und bleibe dabei. Da kommt noch viel mehr rein, glaub mir ;) mit transform und Transition wird es besser als es jetzt wohl aussieht oder zu scheint! :) P.S. Die Quelle bin ich dann wohl selber

Mit JavaScript.. Hmm, kenn ich mich nicht aus. Kann mir jemand beim Aufbau helfen?

 

[Tronjer]

Natürlich hat jeder ein Anrecht auf Beratungsresistenz, aber wenn du kein Interesse daran zeigst, die Materie zu erlernen, warum sollten wir dann interessiert sein, dir zu helfen? Das ist ein Forum für Leute, die sich beruflich oder als Hobbyisten mit Webentwicklung beschäftigen und keine kostenlose Scriptbörse.