LINK/CSS: gesamte DIV/ZELLE als Link, nicht nur den Text.

[KeineAhnung]

Ich habe mehrere dynamisch generierte Links, hinter die ich per css ein Hintergrundbild lege.
So sehen die Links aus wie Buttons.
Nun ist es aber leider so, dass nur der Text verlinkt ist, ich möchte aber, dass der komplette "Button" verlinkt ist.

Gibt es eine Möglichkeit dies zu erreichen?
Ein DIV einfach in den Link legen (<a href="link"><div>bla</div></a>) wäre nicht valide.

Code: Alles auswählen

<style type="text/css">	
.category_frame {
	BACKGROUND-IMAGE: url('images/Layout/test.jpg');
	BACKGROUND-REPEAT:no-repeat;
	BACKGROUND-POSITION:center;
        TEXT-ALIGN:center;
	}
</style>	

<td class="category_frame"><a href="'LINK">TEXT</a></td>

[terrenal (RIP)]

Code: Alles auswählen

<style type="text/css">   
.category_frame a {
   BACKGROUND: url(images/Layout/test.jpg) no-repeat center;
   TEXT-ALIGN:center;
   display:block; 
   }

</style>   

<td class="category_frame"><a href="'LINK">TEXT</a></td>

Breite und Höhe könnte man auch noch angeben wenn display:block drin ist
oder auch eine Änderung des Hintergrundbilds für
.category_frame a:hover

[KeineAhnung]

Danke für den Tip.

Leider funktioniert es aber trotzdem nicht.
Der einzige Effekt ist, dass die einzelnen Kategorien nun aufgrund des "block" nicht mehr nebeneinander, sondern untereinander aufgeführt sind.
Anklickbar sind sie aber leider nur die Texte selbst

[terrenal (RIP)]

hast du eine Breite eingetragen - und line-height:xx für die Höhe

als Block stehen die schon normalerweise untereinander - müßtest du dann floaten
ist immer was blöd wenn man gar nicht sieht worum es eigentlich geht

[KeineAhnung]

danke, klappt prima.
Hatte das a vergressen