Boxen umsetzten
bearbeitet von Rolf BHallo Bernd,
> Kann man dann auch mit dem Checkbox Trick arbeiten?
Sorry, übersehen.
Müsste gehen, wenn man
- den Radiobuttons ein Label gibt
- erst die Buttons, dann die Label ins HTML setzt (und zwar immer abwechselnd radio/label/radio/label)
- die Radiobuttons visuell versteckt und per CSS dafür sorgt, dass ein radiobutton im checked-Status das auf ihn folgende Label entsprechend darstellt. Und bei :hover/:focus das Label ein Outline bekommt
- Im Label Icon und Text anzeigt
Aber das ist ein HACK, das sollte besser mit JavaScript gemacht werden. Soweit ich weiß, haben diese Hacks Accessibility-Probleme. Meine Beispiele hier nehmen nur auf die Darstellung Bezug, das Thema Bedienbarkeit habe ich zurückgestellt. Das solltest Du für deine Seiten nicht tun.
_Rolf_
--
sumpsi - posui - clusi