IE: Text im grafischen Button unsichtbar machen

Ares · #1 (**permalink**) 15.08.2008, 10:11

Hallo!

Ich habe in einem Form den Submit-Button mit CSS durch eine Grafik ersetzt.

Code:

<input type=\"submit\" value="ButtonText" name="submitButton" class="myButton" title="ButtonText"/>

***

.myButton {
	width: 24px;
	height: 24px;
	background: url(../images/button.png) transparent no-repeat;
	border: 0px;
	font-size: 0;
        cursor: pointer;
}

Das funktioniert auch alles wurderbar, im IE wird die Beschriftung des Buttons aber noch ganz klein angezeigt (1px Zeile). Die Anweisung "font-size: 0" wird dort also nicht wie gewünscht umgesetzt. Im FF wird der Text wie gewünscht nicht angezeigt.

Ich könnte die Beschriftung natürlich einfach weglassen. Dann wäre der Button aber nicht beschriftet, wenn die Seite ohne CSS angezeigt wird...

Habt ihr eine Idee, wie man den IE zum verstecken des Textes überreden kann?

Besten Dank
Ares

Chellisa · #2 (**permalink**) 15.08.2008, 10:35

Hallo Ares,

soweit ich weiß ist für die Betrachtung der Seite ohne CSS-Interpretation der Teil "title=..." entscheidend. Aber value könntest Du dennoch leer lassen, dann wird's im IE auch nicht angezeigt.

Code:

<input type="submit" value="" name="submitButton" class="myButton" title="ButtonText" />

Viele Grüße
Chellisa

Ares · #3 (**permalink**) 15.08.2008, 10:45

Hallo,

Danke für den Tipp, hab's gerade noch einmal ausprobiert:
Wenn ich value="" verwende, wird kein Button-Text angezeigt. Das löst natürlich das Problem, ohne CSS steht der Button dann aber ohne Beschriftung da.

title="..." ist nur für den Hint zuständig, der angezeigt wird, wenn die Maus über dem Button ist.

LordShadow · #4 (**permalink**) 15.08.2008, 13:09

warum verwendest du nihct gleich den <button>-Tag ???

gruß
LordShadow

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Wrapper wächst nicht mit, keine Floats	maclady	CSS	11	10.02.2010 17:30
Wachsende Container	Andy CD	CSS	13	10.02.2010 13:08
DIV bis GANZ unten	burnZ	CSS	5	27.07.2008 13:14
Helft mir. Ich habe voll die Leseschwäche	nick	CSS	12	15.01.2008 20:52
Problem mit div und Höhe	deep4	CSS	2	13.11.2007 20:03