Submit button formatieren

Fragen/Tipps allgemeiner Art.

Submit button formatieren

Beitragvon DePunkt » 14. Jan 2012, 22:20

Hallo,

möchte gern einen submit-button mit Hintergrundbild versehen aber das scheint nicht
zu funktionieren...
habs versucht mit type="image" (src="irgendwas") und per css mit background-image
sobald ich als type submit eingebe wird immer ein grauer Hintergrund gezeigt, bei type image nimmt der button aber kein bild (im IE ist wenigstens ein Platzhalter für ein Bild zu sehen)
hab auch schon verschiedene Ordner-Ebenen ausprobiert (../files/bild.gif, files/bild.gif usw.)
laut internet sollte das eigentlich gehen..
hat jemand nen tipp für mich

Danke und besten Gruß
DePunkt
 
Beiträge: 119
Registriert: 14. Okt 2009, 19:16
Wohnort: Hamburg

Re: Submit button formatieren

Beitragvon snaft » 15. Jan 2012, 00:15

Moin,

das sollte alles kein Problem sein. Wenn dein HTML wie folgt aussieht

Code: Alles auswählen
<input type="submit" class="submit" value="abschicken" />


dann könntest Du dem Submit-Button so ein Hintergrundbild setzen:

Code: Alles auswählen
input.submit {
background: url(../files/xxx.png);   
}

input.submit:hover {
background: url(../files/yyy.png);
}


Den Rest wie eventuelle Höhen- und Breitendefinitionen im CSS noch dazu und fertig.

Viel Erfolg,
Marc
Ich hasse Leute, die mitten im Satz.
Benutzeravatar
snaft
 
Beiträge: 195
Registriert: 3. Mai 2007, 14:47
Wohnort: Hamburgo

Re: Submit button formatieren

Beitragvon Ingo » 17. Jan 2012, 20:01

Code: Alles auswählen
<input type="image" src="/files/bildname.jpg" />

http://de.selfhtml.org/html/allgemein/referenzieren.htm
Ingo
 
Beiträge: 288
Registriert: 23. Jun 2010, 23:34

Re: Submit button formatieren

Beitragvon DePunkt » 18. Jan 2012, 20:54

hallo....
jo danke .. geht jetzt ... blöder Fehler: Das BIld war einfach zu groß :oops:

Besten Gruß
DePunkt
 
Beiträge: 119
Registriert: 14. Okt 2009, 19:16
Wohnort: Hamburg


Zurück zu Allgemeines [R4]

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste