Soenke
Neues Mitglied
Hallo,
mein Ziel ist die Erstellung einer grafischen und klickbaren Übersicht über die in dem Internetauftritt enthaltenen "Kategorien" (bei mir "Archive" genannt) mittels einer Tabelle. In der jeweiligen Tabellenzelle ist ein Bild und eine Überschrift hinterlegt. Die vollständige Zelle soll beim Überfahren" mit der Maus die Hintergrundfarbe wechseln und vollständig "klickbar" sein.
Ich habe eine zweispaltige Tabelle mit jeweils den Überschriften und Grafiken in den Tabellenzellen (<td>...</td>) erstellt und diese verlinkt.
Mein Problem: es werden zum einen Error-Meldungen bei der Validierung ausgegeben, die ich trotz längerer Lösungsversuche nicht zu lösen vermag (Fehlermeldung: End tag a violates nesting rules.
…ligncenter ..." /><br /> </a></td><td…). Zum anderen gelingt es mir auch nicht, die gesamte Fläche der Tabellenzelle "klickbar" zu machen. Darüber hinaus würde ich gerne auf JavaScript-Befehle (Mouseover und onMouseOut) verzichten und die Änderung der Farbe beim Überfahren mit dem Cursor über a:hover erreichen.
Nachfolgend mein Lösungsversuch (zunächst noch in html und JavaScirpt - später vielleicht einmal mit dem Versuch, dies auch in css umzusetzen):
<table>
<tbody>
<tr>
<td onMouseover='this.bgColor="#..."' onMouseOut='this.bgColor="#..."'>
<a href="http://..." title="…" style="text-decoration:none; text-align:center">
<h5>…</h5>
<img src="http://... .jpg" alt="..." width="…" height="…" class="aligncenter …" />
</a>
</td>
<td>
…
</tr>
...
</table>
Hier ist der Link zu meiner Internetseite: http://rechtsanwalt-und-sozialrecht.de.
Falls jemand Anregungen oder sogar Lösungen zu meiner Problematik hat, wäre ich für eine Rückmeldung dankbar.
Grüße
mein Ziel ist die Erstellung einer grafischen und klickbaren Übersicht über die in dem Internetauftritt enthaltenen "Kategorien" (bei mir "Archive" genannt) mittels einer Tabelle. In der jeweiligen Tabellenzelle ist ein Bild und eine Überschrift hinterlegt. Die vollständige Zelle soll beim Überfahren" mit der Maus die Hintergrundfarbe wechseln und vollständig "klickbar" sein.
Ich habe eine zweispaltige Tabelle mit jeweils den Überschriften und Grafiken in den Tabellenzellen (<td>...</td>) erstellt und diese verlinkt.
Mein Problem: es werden zum einen Error-Meldungen bei der Validierung ausgegeben, die ich trotz längerer Lösungsversuche nicht zu lösen vermag (Fehlermeldung: End tag a violates nesting rules.
…ligncenter ..." /><br /> </a></td><td…). Zum anderen gelingt es mir auch nicht, die gesamte Fläche der Tabellenzelle "klickbar" zu machen. Darüber hinaus würde ich gerne auf JavaScript-Befehle (Mouseover und onMouseOut) verzichten und die Änderung der Farbe beim Überfahren mit dem Cursor über a:hover erreichen.
Nachfolgend mein Lösungsversuch (zunächst noch in html und JavaScirpt - später vielleicht einmal mit dem Versuch, dies auch in css umzusetzen):
<table>
<tbody>
<tr>
<td onMouseover='this.bgColor="#..."' onMouseOut='this.bgColor="#..."'>
<a href="http://..." title="…" style="text-decoration:none; text-align:center">
<h5>…</h5>
<img src="http://... .jpg" alt="..." width="…" height="…" class="aligncenter …" />
</a>
</td>
<td>
…
</tr>
...
</table>
Hier ist der Link zu meiner Internetseite: http://rechtsanwalt-und-sozialrecht.de.
Falls jemand Anregungen oder sogar Lösungen zu meiner Problematik hat, wäre ich für eine Rückmeldung dankbar.
Grüße