Hallo zusammen,

für eine Anwendung (Shopsystem), in welcher gleichzeitig Input-Buttons und A-Href-Buttons direkt nebeneinander stehen und sich deswegen gleich verhalten und aussehen sollen, suche ich eine Lösung.

Das Design der Buttons war kein Problem, sie sehen jetzt beide gleich aus. Einfach ein schlichter durchgehender Rahmen um die Schrift herum. Fertig.

Nur habe ich jetzt das Problem, daß mein Input-Button beim Drücken die Schrift etwas versetzt, so daß man den Eindruck bekommt, man drückt den Button in die Tiefe (3-D Effekt). Der A-Href-Button macht dies logischerweise nicht.

Jetzt suche ich ENTWEDER ein CSS, welches meinen Input-Button so beeinflußt, daß die Schrift nicht mehr nach unten rutscht. Und welches verhindert, daß beim Drücken ein schwarzer Rahmen entsteht (gehört wohl auch zum Windows-3d-Effekt).
ODER
ein CSS, welches meine A-Href-Buttons so beeinflussen, daß sie beim Drücken die Schrift um 1px nach unten und 1 nach rechts verschieben und sich damit dann gleich verhalten wie die Input-Buttons.

Hat jemand sowas schonmal gemacht oder irgendwo gesehen?
Über Tipps wäre ich super-dankbar.

Viele Grüße
Coco

Mal abgesehen davon, daß die visuelle Vermischung zweier so unterschiedlicher Elemente eigentlich ein echter Designfehler ist — du kannst eventuell den Link so formatieren:
Nur gib dich nicht der Illusion hin, das wäre eine »Lösung«: In vielen Browsern kannst du Formularelemente überhaupt nicht oder nur eingeschränkt mit CSS beeinflussen und durchgesetzte Linkunterstreichungen findest du in fast jedem Userstylesheet, was den Buttoneffekt natürlich vollends aufhebt.
Im schlimmsten Fall hast einen Kästchenlink mit Unterstreichung und Rahmen neben einem Button, der komplett anders aussieht — und sich auch beim Drücken anders verhält. Überdenk das nochmal, denn wenn es nicht gut aussieht, sieht es grauenhaft aus. Dein Ansatz erlaubt nichts mehr dazwischen.

Gruß
Thomas

__________________
toscho.de