Autor |
Nachricht |
ginobranco
Threadersteller
Dabei seit: 08.06.2009
Ort: Hamburg
Alter: 39
Geschlecht:
|
Verfasst Fr 27.04.2012 06:26
Titel IE stellt submit button falsch dar :( |
|
|
Hallo zusammen,
vielen Dank fürs reinschauen!
Ich habe für meine Seite selber einen Submit Button gestaltet.
Im Firefox wird er auch angezeigt bzw. auf dem Button steht auch "anmelden"
Aber im IE zeigt es nur den Button an aber steht nicht "anmelden" drin sondern ein Strich -----
Woran kann das liegen?
Hier wäre mal meine CSS.. ich finde den Fehler einfach nicht
Wäre über jede Hilfe dankbar!
Ps. in den ausfüllfeldern ist alles total klein schriftgröße 2px :S
Im Firefox schauts normal aus ohje
Button:
Code: | #loginForm #login {
width:75px;
float:left;
background:#ccc url(img/loginbuttonbg.png) repeat-x;
color:#000;
padding:7px 10px 8px 10px;
text-shadow:0px -1px #fff;
border:1px solid #ccc;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
margin:10px 12px 0 55px;
cursor:pointer;
height:28px;
*padding:7px 2px 8px 2px; /* IE7 Fix */
} |
Textfeld:
Code: | #loginForm input {
width:120px;
height: 15px;
border:1px solid #ccc;
border-radius:3px;
-moz-border-radius:3px;
color:#3a454d;
padding:2px 2px;
box-shadow:inset 0px 1px 3px #bbb;
-webkit-box-shadow:inset 0px 1px 3px #bbb;
-moz-box-shadow:inset 0px 1px 3px #bbb;
font-size:2px;
margin:0px 0px 0px 3px;
} |
Danke
Zuletzt bearbeitet von ginobranco am Fr 27.04.2012 06:34, insgesamt 1-mal bearbeitet
|
|
|
|
|
snuwie
Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 27.04.2012 08:37
Titel
|
|
|
HTML Code oder noch besser Link zum Problem bitte ...
|
|
|
|
|
Anzeige
|
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Fr 27.04.2012 08:38
Titel
|
|
|
Meine erste Frage:
Hast du etwas anderes erwartet?
Meine zweite Frage:
Hast du noch das HTML für uns?
|
|
|
|
|
dcn
Dabei seit: 20.08.2008
Ort: -
Alter: 43
Geschlecht:
|
Verfasst Fr 27.04.2012 09:08
Titel
|
|
|
Ist es nicht besser das Textfeld direkt mit #loginForm input[type="text"] anzusprechen weil es sein kann das du Eigenschaften somit auch an input[type="submit"] übergibst?
|
|
|
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Fr 27.04.2012 09:14
Titel
|
|
|
Es gibt viele Tools, die dir bei solchen Problemen schnell helfen.
im FF machst zB nen Rechtsklick -> Element untersuchen auf eine Stelle deiner Seite, dann siehst eine 3D-Ansicht der Seite und das HTML und CSS dazu und kannst leicht rauslesen, warum welches Element was macht (aufgrund von Vererbungen etc).
Im IE drückst dafür einfach F12.
|
|
|
|
|
greenhorn1
Dabei seit: 25.04.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 27.04.2012 09:51
Titel
|
|
|
Einfach mal beim auf W3C-Konformität testen. CSS und HTML, dann weißt du es ganz genau.
@ fyll - Danke, das mit Firefox wusste ich noch garnicht.
Zuletzt bearbeitet von greenhorn1 am Fr 27.04.2012 09:53, insgesamt 1-mal bearbeitet
|
|
|
|
|
ginobranco
Threadersteller
Dabei seit: 08.06.2009
Ort: Hamburg
Alter: 39
Geschlecht:
|
Verfasst Mo 30.04.2012 15:55
Titel
|
|
|
fyll hat geschrieben: | Es gibt viele Tools, die dir bei solchen Problemen schnell helfen.
im FF machst zB nen Rechtsklick -> Element untersuchen auf eine Stelle deiner Seite, dann siehst eine 3D-Ansicht der Seite und das HTML und CSS dazu und kannst leicht rauslesen, warum welches Element was macht (aufgrund von Vererbungen etc).
Im IE drückst dafür einfach F12. |
nicht schlecht! ich kannte bisher nur den firebug klasse danke!
|
|
|
|
|
|
|
|
Ähnliche Themen |
[html/css] Submit-Button ohne Button
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
BUTTON-Element als Submit verwenden. aber 2 Mal :-P
|
|