nicht angemeldet
formatierung von submit Button
0 0 
Gunnar Bittersmann
formatierung von submit Button
Hallo,
ich probiere gerade ein wenig aus und komme zur zeit nicht weiter.
Ich habe folgende Klasse für einen submit Button:
.btn {
BORDER-RIGHT: #5c5d61 1px solid;
PADDING-RIGHT: 3px;
background-position: 0% 0%;
DISPLAY: inline;
PADDING-LEFT: 3px;
FONT-WEIGHT: bold;
FONT-SIZE: 80%;
BACKGROUND-IMAGE: url(../images/bgButton.gif);
PADDING-BOTTOM: 1px;
CURSOR: pointer;
COLOR: #ffffff;
BORDER-TOP-STYLE: none;
PADDING-TOP: 1px;
BORDER-BOTTOM: #5c5d61 1px solid;
BACKGROUND-REPEAT: repeat-x;
FONT-FAMILY: 'Verdana', 'Geneva', sans-serif;
BORDER-LEFT-STYLE: none
}
<input class="btn" title="Edit" name="edit" value=" Edit " type="button">
Funktioniert auch soweit, im IE6!!
Im IE 7 und im Firefox werden die Buttons nur ganz schmal angezeigt: das heisst eigentlich stimmt der Wert "width" nicht ein Einfügen jenes Wertes führt nicht zum Erfolg.
Mit dem Wissen, dass das problem meist vor dem Computer sitzt bitte ich Euch um Rat.
Erna
-
Hi!
BORDER-LEFT-STYLE: none
Da fehlt ein Semikolon am Ende.
Im IE 7 und im Firefox werden die Buttons nur ganz schmal angezeigt: das heisst eigentlich stimmt der Wert "width" nicht ein Einfügen jenes Wertes führt nicht zum Erfolg.
width:[beliebiger Wert]px; sollte zur gewünschten Breite führen. Wenn du es allerdings nach die oben genannte Zeile mit dem fehlenden Semikolon gesetzt hast, lag es vermutlich daran.
mfG
--
Selfcode: ie:} fl:{ br:> va:) ls:< fo:( rl:? n4:# ss:| de:] js:| ch:? sh:( mo:? zu:)
"And all those exclamation marks, you notice? Five? A sure sign of someone who wears his underpants on his head."
(Terry Pratchett) -
Hello out there!
Funktioniert auch soweit, im IE6!!
Aber nur, weil der's falsch macht.
Im IE 7 und im Firefox werden die Buttons nur ganz schmal angezeigt:
Den Fehler hat M$ also beim 7er korrigiert.
Gleiches Problem wie heute morgen: https://forum.selfhtml.org/?t=156315&m=1016949
See ya up the road,
Gunnar--
„Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)-
Hi!
Im IE 7 und im Firefox werden die Buttons nur ganz schmal angezeigt:
Den Fehler hat M$ also beim 7er korrigiert.
Gleiches Problem wie heute morgen: https://forum.selfhtml.org/?t=156315&m=1016949
Dann gibt es offenbar einen Bug im Firefox, bei mir wird width seltsamerweise auch dann angewendet, wenn der Button auf display:inline gesetzt ist.
mfG
--
Selfcode: ie:} fl:{ br:> va:) ls:< fo:( rl:? n4:# ss:| de:] js:| ch:? sh:( mo:? zu:)
"And all those exclamation marks, you notice? Five? A sure sign of someone who wears his underpants on his head."
(Terry Pratchett)-
Hello out there!
Dann gibt es offenbar einen Bug im Firefox, bei mir wird width seltsamerweise auch dann angewendet, wenn der Button auf display:inline gesetzt ist.
Hm, und das noch auf seltsame Weise:
Gibt man 'width: 42px' an, wird die Breite so berechnet (nachzusehen im DOM-Inspector), dass die Box mit border und padding zusammen 42px breit wird:
border-left-width: 2px;
border-right-width: 2px;
padding-left-width: 6px;
padding-right-width: 6px;
width: 26px;See ya up the road,
Gunnar--
„Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
-
-
Hi, gunnar,
Also inline raus width rein kein Erfolg..
Die Wirkung bleibt die selbe.
Irgendwie mag er den Text nicht anzeigen.
Vielen dank für den Hinweis und für den durchaus lesenswerten Link im anderen beitrag.-
Hi!
Also inline raus width rein kein Erfolg..
Die Wirkung bleibt die selbe.
Irgendwie mag er den Text nicht anzeigen.Was genau heißt "Text nicht anzeigen"?
Hast du mal das fehlende Semikolon eingefügt?mfG
--
Selfcode: ie:} fl:{ br:> va:) ls:< fo:( rl:? n4:# ss:| de:] js:| ch:? sh:( mo:? zu:)
"And all those exclamation marks, you notice? Five? A sure sign of someone who wears his underpants on his head."
(Terry Pratchett)
-
-