Autor |
Nachricht |
fuchsbau
Threadersteller
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Di 25.09.2007 14:38
Titel [html/css] Submit-Button ohne Button |
|
|
Ich weiß dass das Problem an tausend Stellen im Netz besprochen wird, aber irgendwie fand ich bis jetzt keine zufriedenstellende lösung:
PROBLEM: ich möchte ein formular statt mit einem button über einen textlink (mit mouseover-farbwechsel) abschicken und dabei KEIN javascript verwenden
da es mit einem textlink ohne javascript imo keine lösung gibt habe ich versucht, den submit-button per css wegzuformatieren. mit mäßigem erfolg. ich kann den border 0 und die hintergrundfarbe transparent setzen, aber mit padding: 0; hab ich keinen erfolg, der button bleibt breiter als die schrift. ganz zu schweigen vom mouseover in ie6.
hat jemand eine lösung für die css-button variante oder noch eine andere idee?
Zuletzt bearbeitet von fuchsbau am Di 25.09.2007 14:49, insgesamt 2-mal bearbeitet
|
|
|
|
|
jaaam
Dabei seit: 05.10.2005
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Di 25.09.2007 14:46
Titel
|
|
|
Das wird schwierig.
JS-deaktivierte Browser sind Mädchen.
|
|
|
|
|
Anzeige
|
|
|
fuchsbau
Threadersteller
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Di 25.09.2007 14:48
Titel
|
|
|
darum geht es nicht, aber ein formularabsendeknopf sollte schon unabhängig von javascript laufen, finde ich.
|
|
|
|
|
pRiMUS
Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht:
|
Verfasst Di 25.09.2007 14:48
Titel
|
|
|
Code: | <button type="submit">
<a href="foo.html">Submit</a>
</button> |
|
|
|
|
|
fuchsbau
Threadersteller
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Di 25.09.2007 14:51
Titel
|
|
|
pRiMUS hat geschrieben: | Code: | <button type="submit">
<a href="foo.html">Submit</a>
</button> |
|
ohne das ausprobiert zu haben wird das unter garantie einen standard-button mit der aufschrift submit erzeugen.
Zuletzt bearbeitet von fuchsbau am Di 25.09.2007 14:51, insgesamt 1-mal bearbeitet
|
|
|
|
|
Account gelöscht
Ort: -
Alter: -
|
Verfasst Di 25.09.2007 15:00
Titel
|
|
|
Code: | <button type="submit" style="background:transparent; border:0px; padding:0px; margin:0px;">
<a href="foo.html">Submit</a>
</button> |
Ist natürlich nur ne "is schon machbar"-Lösung, aber hier wirste auch ziemliche Probleme mit älteren bzw. ms-browsern bekommen.
Am besten ists im Falle solcher Spielereien immer, deine Standard-HTML-Formelemente einfach per Javascript mit anderen Sachen zu ersetzen. Das hat den großen Vorteil, dass die Standard-Controls im Falle eines Falles (wenn der User bspw. Javascript deaktiviert hat) trotzdem benutzbar bleiben. (Nennt man dann Fallback-Lösung).
|
|
|
|
|
jaaam
Dabei seit: 05.10.2005
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Di 25.09.2007 15:03
Titel
|
|
|
Zitat: | aber mit padding: 0; hab ich keinen erfolg, der button bleibt breiter als die schrift. ganz zu schweigen vom mouseover in ie6. |
..
|
|
|
|
|
fuchsbau
Threadersteller
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Di 25.09.2007 15:06
Titel
|
|
|
jaaam hat geschrieben: | Zitat: | aber mit padding: 0; hab ich keinen erfolg, der button bleibt breiter als die schrift. ganz zu schweigen vom mouseover in ie6. |
.. |
ja aber das ist ja nur n problem für die weiterverarbeitung (ausrichten), da lässt sich sicherlich n workaround finden. die lösung is schon irgendwie praktikabel.
danke XSchinkenX und pRiMUS (du meintest das ja sicher auch, nur war ich zu blöde es zu verstehn )
nur das mouseover klappt so natürlich nichmehr für den link. naja. ich denk mir was aus.
Zuletzt bearbeitet von fuchsbau am Di 25.09.2007 15:08, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Submit Button to Textlink
Submit Button im Formular beschriften
[css] das lästige problem mit dem ie submit button
submit-button als bild mit rollover
IE stellt submit button falsch dar :(
BUTTON-Element als Submit verwenden. aber 2 Mal :-P
|
|