zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE: Text im grafischen Button unsichtbar machen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.08.2008, 10:11
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.12.2005
Beiträge: 41
Ares befindet sich auf einem aufstrebenden Ast
Standard IE: Text im grafischen Button unsichtbar machen

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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.08.2008, 10:35
Neuer Benutzer
neuer user
 
Registriert seit: 05.01.2007
Beiträge: 14
Chellisa befindet sich auf einem aufstrebenden Ast
Standard value und title

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.08.2008, 10:45
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.12.2005
Beiträge: 41
Ares befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #4 (permalink)  
Alt 15.08.2008, 13:09
Benutzerbild von LordShadow
:: lord of the web ::
XHTMLforum-Mitglied
 
Registriert seit: 19.12.2007
Ort: Freiburg
Beiträge: 192
LordShadow wird schon bald berühmt werden
Standard

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

gruß
LordShadow
__________________
„Auch aus Steinen, die einem in den Weg gelegt werden, kann man Schönes bauen.“
(Johann Wolfgang von Goethe)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:11 Uhr.