mediengestalter.info
Portal Forum Forenarchiv Suche Tutorials Downloads Links Bücher Chat Impressum
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: So 12.10.2008 20:09 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: Zurück  1, 2
Autor Nachricht
XSchinkenX

Dabei seit: 25.01.2004
Ort: Mars
Alter: -
Geschlecht: -
Verfasst Di 25.09.2007 15:10
Titel

Antworten mit Zitat Zum Seitenanfang
jaaam hat geschrieben:
Mädchen! Das wird schwierig.

JS-deaktivierte Browser sind Mädchen.


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.


..


Kannste deinen Kot nicht lieber woanders lassen?

@fuchsbau biddö Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pRiMUS

Dabei seit: 09.09.2003
Ort: Nemmberch
Alter: 33
Geschlecht: Männlich
Verfasst Mi 26.09.2007 17:00
Titel

Antworten mit Zitat Zum Seitenanfang
fuchsbau hat geschrieben:
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.


nö, funktioniert, du hast nur einen grauen hintergrund und rahmen, den man aber in grosse und farbe beeinflussen kann.

und zum thema kompatibilität, der button funktioniert ab ie6.x aufwärts.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 27
Geschlecht: Männlich
Verfasst Mi 26.09.2007 17:22
Titel

Antworten mit Zitat Zum Seitenanfang
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>test</title>

<style type="text/css">
   
   
   .buttonHolder {
      width: 20em;
      height: 3em;
      overflow: hidden;
      position: relative;
      text-align: center;
      border: 1px solid #000;
      }
   .buttonHolder a {
      font-size: 1em;
      text-decoration: none;
      z-index: 1;
      color: #d00;
      }
   .buttonHolder a:hover,
   .buttonHolder:hover a {
      text-decoration: underline;
      color: #000;
      }            
      .buttonHolder input {
         padding: 5em 0 0 30em;
         position: absolute;
         z-index: 2;
         position: absolute;
         left: 0;
         top: 0;
         background-color: transparent;
         border: none;
         }

</style>

</head>
<body>

      <form name="testform" id="testform" method="post" action="#">
      <div class="buttonHolder">
         <a href="#">Absenden</a>
         <input type="submit" value="Absenden" name="submit" />
      </div>
      </form>

</body>
</html>


..scheint im IE, FF und Opera so weit zu funzen. konnts aber nich wirklich sehr ausgiebig testen (und das doppelte markup fürs absenden ist auch wenig schön imo.).

ich würde auch zu der non-js fallback variante raten.

Zuletzt bearbeitet von sahnemuh am Mi 26.09.2007 17:24, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Pixelpole
MGI-Loser 2008

Dabei seit: 25.10.2004
Ort: Hart Trinkistan
Alter: 22
Geschlecht: Männlich
Verfasst Mi 26.09.2007 17:24
Titel

Antworten mit Zitat Zum Seitenanfang
wieso so unnötig kompliziert?

<noscript> bereich und gut ist * Keine Ahnung... *
  View user's profile Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
pRiMUS

Dabei seit: 09.09.2003
Ort: Nemmberch
Alter: 33
Geschlecht: Männlich
Verfasst Mi 26.09.2007 18:44
Titel

Antworten mit Zitat Zum Seitenanfang
und ich verstehe absolut nicht, warum die button lösung nicht funktionieren soll. die verwende ich seit ewigen zeiten. die funktioniert in allen gängigen browsern und man kann sie gescheit formatieren. ohne javascript gefuddel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Hover auf submit-Button auch im IE 6.0 möglich?
BUTTON-Element als Submit verwenden. aber 2 Mal :-P
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
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 deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

mediengestalter.info ist ein Projekt von webformatik :: Forensoftware: phpBB © 2001, 2005 phpBB Group