nicht angemeldet
Hallo,
unter http://www.janus-wa.de/layouts/testcase/test.html habe ich eine Icon-Toolbar gebaut. Sie stellt hier 4 Links mit Icons dar.
Beispiel 1:
Die Icons befinden sich als Background in den <li>s und werden per Klasse zugeweisen (brauche ich deshalb als Klasse, weil ein CMS später die Toolbars generieren soll.
Die <a>s (also die eigentliche Klickfläche) habe ich in diesem Beispiel zur Verdeutlichung mal rot umrandet. Das Anklicken klappt überall wie gewünscht - nur unser geliebter IE6 macht mir wieder einen Strich durch die Rechnung: der Padding-left (wo sich das Icon befindet) ist nicht anklickbar. Nur der Text.
Auch "lustig" Beispiel 2:
In meinem Workaround-Wahn habe ich den <a>s eine height: 0; verpasst. (Mit anderen Höhen passiert dasselbe) -> nun klappt das mit dem Anklicken, aber warum sind die <a> jetzt 100% breit??
Für Eure Hilfe wäre ich sehr dankbar.
Wichtig wäre mir allerdings eine reine CSS-Lösung ohne zusätzlichem Markup.
Vielen Dank im voraus,
Ralf