Links in Tabellenspalten kommplet klickbar

Mach doch einfach ein Bild, das die Größe der Tabelle, mit weißem (kann auch eine andere Farbe sein) Hintergrund und schreibe in das Bild den Text hinein und verlinke es anschließend. (Mach das Blid so groß wie dein Bildschirm --> auch den Text so groß, ordne dem Bild dann per css Größe und Höhe von je 100% zu und füge es in eine Zelle deiner Tabelle ein.)
 
hallo,
wenn ich Äpfel essen will, soll mir keiner daherkommen und sagen Birnen schmecken auch gut!
Wie anfänglich gesagt, baut der Browser sein 'Bild' nach dem Inhalt der <td>'s.
Mithin reservieren wir uns einen Bereich über class (hier .klein).
Viel Spaß beim ausprobieren:

<!DOCTYPE html><html><head>
<style type="text/css">
.klein { height: 24px; width:88px;
padding:40px 1px 30px 30px;
font: normal 15px verdana, sans-serif;
text-decoration:none;
}
a { border: 1px solid #00ff00; }
.menu a:link
.menu a:visited
.menu a:active { }
.menu a:hover { color:#ddffbb; background-color:#444444; }
</style>

</head><body><table>
<td class='menu' >
<a href='http://google.com'><p class="klein">Link</p></a>
</td></table></body></html>
anstatt a { border kann auch td { border stehen usw. usw.
 
Hallo zusammen.

@OpaBenno
Bitte die [ code] [ /code] Tags im Forum verwenden.

Dein letzter Code ist nicht ganz richtig: ein p-Element darf nicht in einem a-Element vorkommen.
siehe: http://de.selfhtml.org/html/referenz/elemente.htm#p

Dass die größe einer Zelle durch ihren Inhalt bestimmt wird ist klar. Die Frage ist aber wie der Link verwendet werden soll.
Wenn die höhe über eine andere Zelle in der Geleichen Zeile (zb mit Text deffiniert wird) und in der Spalte daneben soll dann ein entsprechender Link stehen dann funktioniert deine lösung nicht mehr. Das geht so nur wenn der Link die größe deffiniert.


@Maxi Schmeller
Bilder sind immer eine ganz schlechte Lösung. Sie sind weder von Suchmaschienen noch von Screenreadern oder ähnlichem lesbar.
Außerdem sind sie unnötig Groß und die Erzeugung ist Komplizierter.

Gruß
 
Zurück