mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Di 16.04.2024 14:01 Benutzername: Passwort: Auto-Login

Thema: [(x)html/css] IE6 submit hover vom 17.08.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [(x)html/css] IE6 submit hover
Autor Nachricht
fuchsbau
Threadersteller

Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht: Männlich
Verfasst Di 17.08.2010 13:47
Titel

[(x)html/css] IE6 submit hover

 Antworten mit Zitat Zum Seitenanfang
Hat jemand eine auch im ie6 funktionierende css-only-Lösung für einen :hover-submit-button für ein formular?
Menno!

dank euch!
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 17.08.2010 15:09
Titel

Antworten mit Zitat Zum Seitenanfang
Das würde funzen, nur hübsch ist es nicht (valide schon).
Code:
<style type="text/css">
<!--
.submit-btn button {
   border:0;
   background:red;
   cursor:pointer;
}
.submit-btn:hover button {
   background:green;
}
-->
</style>
<p>
   <a href="#" class="submit-btn">
      <button type="submit" name="foo" value="absenden" class="submit-btn">absenden</button>
   </a>
</p>
  View user's profile Private Nachricht senden
Anzeige
Anzeige
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Di 17.08.2010 15:15
Titel

Antworten mit Zitat Zum Seitenanfang
Da der IE < 7 nur a hovert, bliebe Dir als JS-freie Lösung nur folgende:

Code:
<!--[if lt IE 7]><a href="#"><![endif]-->
<input type="submit" value="senden" />
<!--[if lt IE 7]></a><![endif]-->

Und dann per a:hover input ansprechen. Obwohl diese Lösung valide ist (auch ohne den CC), ist sie natürlich nicht besonders schön - ich persönlich würde das nicht machen, sondern lasse den Hover-Effekt für den IE < 7 bei Submit-Buttons einfach weg.

Edit: *zwinker*

Zuletzt bearbeitet von heiko_rs am Di 17.08.2010 15:16, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
fuchsbau
Threadersteller

Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht: Männlich
Verfasst Mi 18.08.2010 15:43
Titel

Antworten mit Zitat Zum Seitenanfang
ok, dank euch zwei Lächel
  View user's profile Private Nachricht senden
 
Ähnliche Themen Hover auf submit-Button auch im IE 6.0 möglich?
php und HTML-Submit
HTML a:hover Problem
HTML/CSS hover Effekt erstellen ? :/
[html/css] Submit-Button ohne Button
hover-Button/hover-Bild wird darunter eingefügt
Neues Thema eröffnen   Neue Antwort erstellen
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB