css Problem beim IE

Dieses Thema css Problem beim IE im Forum "Windows XP Forum" wurde erstellt von Don_Pazo, 31. Juli 2006.

Thema: css Problem beim IE Hallo, ich habe ganz böses Problem. Ich habe eine PHP Web-Seite erstellt. Als Test-Explorer habe ich Firefox...

  1. Hallo,
    ich habe ganz böses Problem.
    Ich habe eine PHP Web-Seite erstellt. Als Test-Explorer habe ich Firefox benutzt.
    Ich habe Button´s erstellt mit eine CSS Datei:
    Code:
    /*==========	BUTTON MEILENSTEIN EINFÜGEN	==========*/
    input.buttonMeilensteinEinfuegen {
    	width: 200px;
    	height: 35px;
    	border: 0; 
    	color: #0000FF;
    	text-decoration:none;
    	background: #FFF url(../bilder/meilensteinEinfuegen_aus.gif) no-repeat;
    	outline: none;
    
    }
    
    input.buttonMeilensteinEinfuegen:hover {
    	border: 0; 
    	color: #FF0000;
    	text-decoration: none;
    	background: #FFF url(../bilder/meilensteinEinfuegen_ein.gif) no-repeat;
    
    }
    
    Also damit sich das Bild ändern kann wenn man mit dem Maus-Zeiger über den Button läuft.

    Dies geht aber blöder weise mit Internet Explorer gahr nicht.

    Gibt es eine möglichkeit, das CSS zu umschreiben??
    Damit es auch beim IE alles funktioniert
     
  2. Code:
    <html xmlns=[url]http://www.w3.org/1999/xhtml>[/url]
    <head>
    <style type=text/css>
    input.buttonMeilensteinEinfuegen {
    	width: 200px;
    	height: 35px;
    	border: none;
    	color: #0000FF;
    	text-decoration:none;
    	background: #FFF url(../bilder/meilensteinEinfuegen_aus.gif) no-repeat;
    	outline: none;
    }
    
    input.buttonMeilensteinEinfuegen:hover {
    	border: none;
    	color: #FF0000;
    	text-decoration: none;
    	background: #FFF url(../bilder/meilensteinEinfuegen_ein.gif) no-repeat;
    }
    </style>
    <script type=text/javascript>
    function button_out(button) {
    	button.style.background = #FFF url(../bilder/meilensteinEinfuegen_aus.gif) no-repeat;
    	button.style.color = #0000FF;
    }
    function button_over(button) {
    	button.style.background = #FFF url(../bilder/meilensteinEinfuegen_ein.gif) no-repeat;
    	button.style.color = #FF0000;
    }
    </script>
    </head>
    
    <body>
    <input type=button class=buttonMeilensteinEinfuegen value=Test onmouseover= button_over(this) onmouseout=button_out(this) />
    </body>
    </html>
    


    Und was ist wenn der Besucher kein JavaScript akzeptiert (die Frage kommt bestimmt irgendwoher ;))

    Tja ich würde sagen, der findet den Button auch so :2funny: :2funny:
     
Die Seite wird geladen...

css Problem beim IE - Ähnliche Themen

Forum Datum
Problem beim Synchronisieren mit Allway Sync Windows 10 Forum 21. Aug. 2016
UEFI Problem beim clonen von 1TB nach 4TB Windows 7 Forum 11. Aug. 2016
Probleme beim Öffnen von Programmen Windows 8 Forum 5. Nov. 2015
Probleme beim Upgrade von Windows 8.1 auf 10 Windows 10 Forum 20. Aug. 2015
Probleme mit Videoapp beim Ausleihen Von Filmen Windows 8 Forum 29. Juni 2015