IE + div + background

[Sebigf]

Hallo zusammen...

Wie sollte es auch anders sein....es geht überall, nur im IE wiedermal nicht ^^
Es geht um die Background-image: Werte

Ich habe auf ein <input type="submit"> ein background-image gemacht. Geht auch soweit, nur macht der IE macht um das Bild einen Rahmen (top und left)
Kann ich diesen irgendwie umgehen bzw. auf 0 setzen ?

Habe schon einiges Probiert, geht aber nicht...

Danke

 

[Gumbo]

Mit der border-style-Eigenschaft lässt sich die Grenze/der Rahmen entfernen. Es gibt übrigens auch die Möglichkeit, die Grafik über <input type="image" src="…"> einzubinden.

 

[Sebigf]

Danke für die Antwort

Ja, das ist mir bekannt. Habe es auch so genutzt im ACP-Bereich.
Allerdings arbeite ich im frontend-bereich mit Language-Packs, was wohl wesentlich einfach ist mit normalen <input type="submit"> Feldern ^^

Trotzdem Danke, gucke mir den Link gleich mal an

 

[Sebigf]

Ich habe es mit border-style probiert...
Ist das was ich meine, nur habe ich border: styles gesetzt.
Ich habe mal ein Bild angehangen, in dem du sehen kannst, wie das bei mir aussieht.

Ich habe alle 4 Seiten mit Border belegt...

 

[Gumbo]

Hast du dir schon mal die Syntax der Eigenschaft angeschaut? Mir scheint, du hast nicht ganz verstanden, was ich meine.

 

[Sebigf]

CSS ###

.formbutton 
{ 
font-weight:bold; 
color:#333333;
background-image:url(/images/buttons/button_bg.gif); 
padding:0px; 
border-left: solid 1px #dcdcdc;  
border-top: solid 1px #dcdcdc;
border-right: solid 1px #999999;
border-bottom: solid 1px #999999;
}

HTML ###

<input type="submit" class="formbutton normal" name="Submit" value="Anzeigen" style="width:70px;" />

Sind die Codes ohne die Border-Style Geschichten...

 

[Gumbo]

Und du möchtest nun den Rahmen entfernt haben? Dann lösche doch einfach die jeweiligen Eigenschaften aus der Regel.

 

[Sebigf]

Wenn es so einfach währe
Es soll aber dieser 3D-Effekt bleiben...
Es geht lediglich ja nur um den Innenabstand. Und es ist auch nur beim IE so, wie immer.
Akternative währe eben wieder ein extra CSS-Style für den IE, aber dann ohne die 3D Sache, oder ?

Ich habe zuerst gedacht, es liegt wieder am padding, aber selbst das steht ja bei 0...
Meinst, es gibt keine richtige Lösung ?

Danke

 

[Sebigf]

Ich habe hier noch einmal das "eigentlich" perfekte Motiv hochgeladen, wie es sein sollte...
Schau dir das Bild mal an...

 

[SilentWarrior]

Was passiert denn, wenn du den Rahmen entfernst (im CSS)? Wird es dann im IE korrekt angezeigt? Dann könntest du evtl. den IE mit einem Hack gesondert behandeln.