kann man die Radiobuttons mit label aber ohne diesen hässlichen Punkt erstellen
[HTML] [/HTML],
sodass das ausgewählte Bild zum Beispiel einen Rahmen bekommt.
Welchen HTML-Standard verwendest Du? So wie Du das input-Element beendest ist es in keinem Standard möglich, also ist dein Quellcode was das angeht falsch.
Soweit ich deine Frage richtige verstehe willst Du eine Grafik zum Anklicken haben, aber den Radio-Button weiterhin verwenden (auch wenn er nicht visuell sichtbar ist) um das Anklicken von einem Script verarbeiten zu lassen? Das wäre mit JavaScript möglich, mit HTML und CSS alleine nicht.
Stichworte:
Ändere den radio-Button in ein input-hidden-Feld.
Setze per JavaScript den Wert des input-hidden-Felds auf 0 oder 1 um beim Anklicken des Bildes den Wert des Feldes so zu setzen, dass Du es dann richtig verarbeiten kannst.