01.10.2008, 14:52
|
||||
|
||||
Ja, danke ...
habs auch grad zusammengebeastelt ... aber bevor's in irgend einem browser scheiße aussieht lass ich das lieber. oder ich mach einen herkömmlichen button in einem div-tag, welche ich dann per js ersetze in einen a-tag mit submit funktion .. damit können dann auch die ohne js noch mit arbeiten ... danke mal gruß ls
__________________
„Auch aus Steinen, die einem in den Weg gelegt werden, kann man Schönes bauen.“
(Johann Wolfgang von Goethe) 
|
| Sponsored Links |
|
01.10.2008, 15:08
|
|||
|
|||
|
Zitat:
|
| Sponsored Links |
|
01.10.2008, 15:16
|
||||
|
||||
|
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)
|
|
01.10.2008, 17:34
|
|||
|
|||
|
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>
|
|
01.10.2008, 18:07
|
||||
|
||||
|
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)
|
|
03.10.2008, 10:51
|
||||
|
||||
|
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)
|
|
23.10.2008, 18:00
|
||||
|
||||
|
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)
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Linear-Darstellung
