Das liegt daran, dass die Buttons Zellen der Tabelle sind, aber nur der Text darin tatsächlich verlinkt ist. Mit display: block; kannst du dafür sorgen, dass die a-Tags als Block-Element dargestellt werden, also die volle Breite ausnutzen.
Anschließend musst du noch die Höhe die du für
td.nav a:hover definiert hast entweder entfernen oder auch für
td.nav a setzen. Wobei ich dafür lieber ein padding verwenden würde, damit der Text auf mittig im verlinkten Bereich sitzt.
______________
- Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte
=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5