background-image beim Button funktioniert im IE7 nicht

[lordevil]

Hallo,
ich habe mal eine kurze Frage, die mich jetzt eine Weile beschäftigt hat.

Wenn ich ein Bild auf einem Button darstellen will, kann ich das ja relativ einfach mit

background-image: url(bild.gif);
background-repeat:no-repeat;

machen, oder?

Im IE7 erscheint dann allerdings kein Bild. Mittlerweile weiß ich auch warum. Das background-image erscheint erst, wenn ich außerdem eine background-color mitgebe. Ist das Absicht oder mal wieder ein Bug im IE oder mach ich irgendwas falsch?

Notfalls geb ich halt eine Farbe mit und dann hat sich's... Würde mich nur mal interessieren...

lg

 

[MajPay]

Das Problem hast du ja gelöst. Mehr oder weniger, du könntest es aber so versuchen:

background: url('bild.gif') no-repeat;

Ist auch kürzer

 

[Foster]

Äh kannst du mal bitte den ganze Code posten?
Es gibt noch eine andere Variante mit den Buttons (so wie es eigentlich gedacht ist).
Muss nur eben mein dickes HTML-Buch holen
Code kommt gleich.

So.
Also, erstmal ein Button in herkömmlicher Variante, so wie du ihn wahrscheinlich auch kennst:
<input type="button" name="Verweis" value"Button" usw. />

Und in der modernen Variante:
<button name="Verweis" type="button" value="Button" onClick"self.location.href='http://www.google.de/'">
<img src="bild.jpg" />
</button>

 

[dkdenz]

keasone.de | finest screen graphics » CSS Buttons erstellen - sexy!

 

[Foster]

keasone.de | finest screen graphics » CSS Buttons erstellen - sexy!

Wow, dkdenz, hast du nicht vergessen mich darauf hinzuweisen, dass in meinem Post Schleichwerbung für Foster´s Bier gemacht wird? oO
Schließlich hab ich doch erst 16 Posts

 

[lordevil]

Hallo...

Erstmal Vielen Dank für die Antworten...
@dkdenz: Die Technik mit den Links, die letztendlich wie ein Button aussehen ist mir bekannt... Ist auch eigentlich besser, verstehen wenigstens alle Browser, aber egal...

Das mit dem <Button><img></Button> funktioniert wirklich...

Eigentlich wollte ich ja nur wissen, warum der IE7 mein CSS nicht versteht... Ich realisier das Ganze einfach und dann hat sich's... Find's eben nur komisch, der FF und (ich glaube) der IE6 verstehen das Ganze ja auch ohne Hintergrundfarbe... Naja, egal...

Dann nochmals Vielen Dank & Adios...

 

[Foster]

Eigentlich wollte ich ja nur wissen, warum der IE7 mein CSS nicht versteht...

Du kannst versuchen bei background-image: url(bild.gif); das Leerzeichen wegzulassen und nur background-image:url(bild.gif); zu schreiben.
Ich glaube der IE war es, der da ein wenig pingelig ist...
Kann klappen, kann aber auch garnix bewirken. Das kann man beim IE nie so genau sagen.
Ich hab mir auch mal mit CSS ein Dropdownmenü gebastelt, bzw die Vorlage für mich editiert, und eine heiden Schererei gehabt, dass es im IE 6 funktioniert. Irgendwann hat dann alles gepasst und als ich zum IE 7 geupdated hab war alles wieder kaputt... -.-