✔ Workaround, Lösung für Button-Grafiken im IE

D

dreamer29

Mitglied
hi,

ich habe einen button mit css erstellt ,aber das läuft nur unter firefox und nicht unter iexplorer.
ich weiss nicht was ich an dem code ändern soll damit es unter ie funktionniert.
kann mir jm helfen?

anbei der code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>

<style type="text/css">



.boutton{
background: transparent url(images/But_norm_rechts.png)no-repeat 100% 0;
font: 70% Arial, sans-serif;
font-weight:bold;
text-transform: uppercase;
color: #FFF;
display: block;
float: left;
height: 21px;
margin:14px 10px 14px 0;
padding-right:4px;
}
.boutton span {
background: transparent url(images/But_norm_links.png)no-repeat;
display: block;
height:15px;
padding: 4px 8px 2px 12px;
}

</style>

<title>test</title>
</head>
<body>
<a class="boutton" href="#"><span>Neue Suche</span></a>
</body>
</html>
 
Hi,

setz mal in den beiden background-Deklarationen ein Leerzeichen zwischen den Eigenschaftswerten url() und no-repeat, damit die Hintergrundbilder vom IE angezeigt werden.

Und achte in deinen Folgebeiträgen bitte auf die Netiquette Nr.15 bzgl. der erwünschten Groß- und Kleinschreibung - vielen Dank! :)

mfg Maik
 
float: workaround lösung

hallo Maik,

danke für die schnelle Antwort,es hat geklappt .
Der ie6 zeigt zwar die Buttons ,aber noch nicht ganz richtig wegen dem Float-Attribut.
Ich habe in der Dokumentation gelesen dass man unbedingt einen width-attribut definieren muss ,wenn man Float benutzt.
Ich möchte die Breite der Buttons automatisch definieren,weisst du vielleicht wie das geht?

Danke vielmals
 
Tausch mal für das span-Element die display:block-Deklaration gegen float:left aus.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück