| Autor |
Nachricht |
fuchsbau
Dabei seit: 15.08.2005
Ort: .//root
Alter: 24
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: 27
Geschlecht:
|
Verfasst Di 25.09.2007 14:46
Titel
|
|
|
 Das wird schwierig.
JS-deaktivierte Browser sind Mädchen.
|
|
| |
 |
|
fuchsbau
Dabei seit: 15.08.2005
Ort: .//root
Alter: 24
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: Nemmberch
Alter: 33
Geschlecht:
|
Verfasst Di 25.09.2007 14:48
Titel
|
|
|
| Code: | <button type="submit">
<a href="foo.html">Submit</a>
</button> |
|
|
| |
 |
|
fuchsbau
Dabei seit: 15.08.2005
Ort: .//root
Alter: 24
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
|
|
| |
|
|
XSchinkenX
Dabei seit: 25.01.2004
Ort: Mars
Alter: -
Geschlecht: -
|
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: 27
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
Dabei seit: 15.08.2005
Ort: .//root
Alter: 24
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 |
[css] das lästige problem mit dem ie submit button
Submit Button to Textlink
submit-button als bild mit rollover
Submit Button im Formular beschriften
BUTTON-Element als Submit verwenden. aber 2 Mal :-P
kein submit Button im Formular - abschicken per Enter
|
|
Willkommen auf dem Portal für Mediengestalter
