mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 20.04.2024 03:47 Benutzername: Passwort: Auto-Login

Thema: [html/css] Submit-Button ohne Button vom 25.09.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [html/css] Submit-Button ohne Button
Seite: 1, 2  Weiter
Autor Nachricht
fuchsbau
Threadersteller

Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht: Männlich
Verfasst Di 25.09.2007 14:38
Titel

[html/css] Submit-Button ohne Button

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
jaaam

Dabei seit: 05.10.2005
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Di 25.09.2007 14:46
Titel

Antworten mit Zitat Zum Seitenanfang

Mädchen! Das wird schwierig.

JS-deaktivierte Browser sind Mädchen.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
fuchsbau
Threadersteller

Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht: Männlich
Verfasst Di 25.09.2007 14:48
Titel

Antworten mit Zitat Zum Seitenanfang

darum geht es nicht, aber ein formularabsendeknopf sollte schon unabhängig von javascript laufen, finde ich.
  View user's profile Private Nachricht senden
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 48
Geschlecht: Männlich
Verfasst Di 25.09.2007 14:48
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
<button type="submit">
<a href="foo.html">Submit</a>
</button>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
fuchsbau
Threadersteller

Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht: Männlich
Verfasst Di 25.09.2007 14:51
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Account gelöscht


Ort: -
Alter: -
Verfasst Di 25.09.2007 15:00
Titel

Antworten mit Zitat Zum Seitenanfang

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: Männlich
Verfasst Di 25.09.2007 15:03
Titel

Antworten mit Zitat Zum Seitenanfang

Zitat:
aber mit padding: 0; hab ich keinen erfolg, der button bleibt breiter als die schrift. ganz zu schweigen vom mouseover in ie6.


..
  View user's profile Private Nachricht senden
fuchsbau
Threadersteller

Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht: Männlich
Verfasst Di 25.09.2007 15:06
Titel

Antworten mit Zitat Zum Seitenanfang

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 * Ich bin ja schon still... *)

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
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.