Sponsored Links |
|
|||
das dürfte die eleganteste und sicherste Methode sein, wenn du das fertig gefrimmelt hast, kannst du das nochmal hier posten - hätte da auch Interesse an dieser Variante.
|
Sponsored Links |
|
||||
klar, mach ich ..
werd es nur heute nicht mehr fertig machen ... aber ich stells hier rein ... gruß
__________________
„Auch aus Steinen, die einem in den Weg gelegt werden, kann man Schönes bauen.“
(Johann Wolfgang von Goethe) |
|
|||
Da es ja anscheinend nich ohne Extra-Markup geht: Probierts mal mit einem span und einem button - funktioniert zumindest im Firefox, IE hab ich hier nicht.
Code:
button { background: inherit; border: none; cursor: pointer; padding: 0; } button:hover span { text-decoration: underline; } ... <form ...> <p> <button type="submit"><span>Foo</span></button> </p> </form> |
|
||||
danke: sieht auch gut aus .. Opera und IE machen auch mit, allerdings bleibt das "Reindrücken" ...
gruß
__________________
„Auch aus Steinen, die einem in den Weg gelegt werden, kann man Schönes bauen.“
(Johann Wolfgang von Goethe) |
|
||||
Aktuelle Lösung .. für die Nachwelt protokolliert
Hallo zusammen ...
anbei meine Lösung: 1. Der Standard-Code - Im form-Tag steht folgendes: Code:
<div id="js_change"><button type="submit"><span>login</span></button></div> Code:
button { background: inherit; background-color: #000; border: none; cursor: pointer; padding: 0; margin: 0;} button span { text-decoration: none; color: #fff;} button:hover span { text-decoration: underline; } Bisher Nutzbar ohne JS. 2. der Zusatz Ich habe folgende JS-Funktion eingebaut: Code:
function change () { document.getElementById('js_change').innerHTML = '<a href="javascript:document.forms[0].submit();">login</a>'; } Code:
<body onload="change();"> Hat ein User JS wird der button-Tag ersetzt, hat er kein JS bleibt der button stehen und die Seite ist ohne beeinträchtigung nutzbar. Gruß LordShadow
__________________
„Auch aus Steinen, die einem in den Weg gelegt werden, kann man Schönes bauen.“
(Johann Wolfgang von Goethe) |
|
||||
eine noch elegantere Lösung
Hallo Zusammen,
es gibt auch eine "vielleicht" noch elegantere Lösung: HTML-Code:
... <script type="text/javascript"> document.write('<div><a href="javascript:document.forms[0].submit();">login</a></div>'); </script> <noscript> <div><button type="submit"><span>login</span></button></div> </noscript> ... Hat jemand zufällig noch eine Idee wie man die Ausgabe der xhtml-zeile valide gestallten kann, ohne die Methode in den head-bereich zu schreiben. viele Grüße Matthias
__________________
„Auch aus Steinen, die einem in den Weg gelegt werden, kann man Schönes bauen.“
(Johann Wolfgang von Goethe) |
|
|