Gafik-Button hat seltsamen Hintergrund

[anno2007]

Hallo,

ich nöchte in einem Formular eine Grafik als Submit-Button haben. Dieses habe ich wi folgt gemacht:
<form .........>
<button type="submit" name="login" value="Login" style="border:0px"><img src="button_login.gif" value="Login"></button>
</form>

Jedoch hat der Grafik-Button einen seltsamen Hintergrund. Schaut es euch mal an (Freehosting, da ich kein Spam-Befall auf der Original Page haben will): http://www.freewebs.com/anno2007/index.html

Woran liegt das?
Wie kann ich es beheben?

Gruß
anno2007

[Dodwin]

Hallo anno2007,

Siehe http://de.selfhtml.org/html/formulare/formularbuttons.htm#grafische

Gruß,
Dodwin

[anno2007]

Hallo Dodwin,

Siehe http://de.selfhtml.org/html/formulare/formularbuttons.htm#grafische

Wenn ich das so mache, kann ich nicht "method="post"" machen. Habe ich nähmlich schon probiert. Es passiert dann einfach nix.
Es geht NUR, wenn ich es über REQUEST laufen lasse. Ich will aber POST.

Gruß
anno2007

[wahsaga]

hi,

Siehe http://de.selfhtml.org/html/formulare/formularbuttons.htm#grafische

Wenn ich das so mache, kann ich nicht "method="post"" machen. Habe ich nähmlich schon probiert. Es passiert dann einfach nix.
Es geht NUR, wenn ich es über REQUEST laufen lasse. Ich will aber POST.

Klingt unwahrscheinlich.

Vermutlich hast du nur nicht berücksichtigt, welche Extrawurst der IE beim Übertragen der Werte grafischer Submitbuttons brät.

gruß,
wahsaga

[anno2007]

Hallo wahsaga,

Klingt unwahrscheinlich.

Vermutlich hast du nur nicht berücksichtigt, welche Extrawurst der IE beim Übertragen der Werte grafischer Submitbuttons brät.

Es is aber wirklich so, auch beim Firefox das gleiche.

Gruß
anno2007

[ds2k5]

hallo erstmal,

also ich hab meine buttons so gemacht:

<input type="button" style="background-image: url(bild.jpg);" />

und sie funktionieren einwandfrei, du müsstest nur das type="button" mit type="submit" ersetzen, hoffe es klappt ;)

[anno2007]

Hallo ds2k5,

dein Beispiel geht leider auch nicht, sieh es dir jetzt mal an.

Link: http://www.freewebs.com/anno2007/index.html

Gruß
anno2007

[ds2k5]

Hallo ds2k5,

dein Beispiel geht leider auch nicht, sieh es dir jetzt mal an.

Link: http://www.freewebs.com/anno2007/index.html

Gruß
anno2007

ok dazu brauchst du natürlich noch ein paar zusätzliche CSS optionen, nämlich:

background-image: url(bild.jpg);
background-repeat: no-repeat;
background-position: center center;

dazu musst du noch den button mit der gleichen größe wie das hintergrundbild machen, heißt:

width: 50px;
height: 20px;
(zum Besipiel)

da das alles im style attribut zu lang wäre würde ich alles außer den background-image in einer CSS klasse packen, dann kannst du diese auf jeden button anwenden, den background-image musst du dann bei jedem in das style attribut schreiben da dieser ja meist unterschiedlich ist :)

wenn du aber nur 1 button hast, kannst du natürlich alles in der CSS class reinmachen

Code:

<style type="text/css">
.button
{
  background-image: url(bild.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 50px;
  height: 20px;
}

[anno2007]

Hallo ds2k5,

Code:

<style type="text/css">
.button
{
  background-image: url(bild.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 50px;
  height: 20px;
}

habe noch ein paar kleine änderungen vorgenommen und jetzt läufts perfekt.
Vielen Dank an alle die auf meine Frage geposstet haben.

Gruß
anno2007