Seite 1 von 1
Login
Verfasst: 31.01.2009 16:25
von Shakall
Hallo leute.
Wie kann ich anstatt des normalen buttons SUBMIT ein bild einfügen ?
Hier de code:
<td class="row1" <!-- IF not S_ADMIN_AUTH or S_CONFIRM_CODE -->colspan="2"<!-- ENDIF --> align="center">{S_HIDDEN_FIELDS}<input type="submit" name="login" class="btnmain" value="{L_LOGIN}" tabindex="5" /></td>
Bitte um euere hilfe !
Re: Login
Verfasst: 31.01.2009 16:42
von godmod23
Hallo,
auf
selfthtml ist dies schön beschrieben, also
Code: Alles auswählen
<input type="image" name="login" class="btnmain" value="{L_LOGIN}" tabindex="5" src="Buttonimage.jpg" />
Es kann sein, dass die Bearbeitung des Formulars nach dem Absenden nicht mehr funktioniert, weil der Internet Explorer nur die Koordinaten des Bildes mitschickt und nicht den value, d.h. man müsste eventuelle größere Änderungen am Quellcode durchführen.
Aber einfach mal ausprobieren, vorher aber nen Backup machen...
Eine andere Möglichkeit wäre, dem Button mit CSS ein Hintergrundbild zu geben...
Re: Login
Verfasst: 31.01.2009 20:18
von Shakall
Kanst du mir mal das mit CSS auch erklären oder zumindes für diesen code mal machen.
Also das meinte ich oder
.button
und wie weiter
Danke für das erste aber das funktioniert nicht !
Re: Login
Verfasst: 31.01.2009 22:05
von godmod23
Naja, du legt für den Button, für den du ein ein Bild haben willst, halt ne neue Klasse an, und definierst ein paar Sachen...
Code: Alles auswählen
.button_neu {
width: 200px;
height: 20px;
background:url(hintergrundbild.gif) left no-repeat;
border: 1px solid #000000;
color: #000000;
}
In diesem Beispiel ist der Button 200 Pixel breit und 20 Pixel hoch, hat einen 1Pixel breiten Rahmen und das Hintergrundbild "hintergrundbild.gif", welches am linken Rand ausgerichtet ist und nicht wiederholt wird (sollte also in dem Fall auch 200px mal 20px sein), und die Aufschrift des Buttons ist schwarz.
Ansonsten verweise ich dich für weitere CSS-Formatierungen mal auf
http://de.selfhtml.org/css/eigenschafte ... ound_image und
http://de.selfhtml.org/navigation/css.htm#hintergrund.
Re: Login
Verfasst: 31.01.2009 23:15
von Shakall
godmod23 hat geschrieben:Naja, du legt für den Button, für den du ein ein Bild haben willst, halt ne neue Klasse an, und definierst ein paar Sachen...
Code: Alles auswählen
.button_neu {
width: 200px;
height: 20px;
background:url(hintergrundbild.gif) left no-repeat;
border: 1px solid #000000;
color: #000000;
}
In diesem Beispiel ist der Button 200 Pixel breit und 20 Pixel hoch, hat einen 1Pixel breiten Rahmen und das Hintergrundbild "hintergrundbild.gif", welches am linken Rand ausgerichtet ist und nicht wiederholt wird (sollte also in dem Fall auch 200px mal 20px sein), und die Aufschrift des Buttons ist schwarz.
Ansonsten verweise ich dich für weitere CSS-Formatierungen mal auf
http://de.selfhtml.org/css/eigenschafte ... ound_image und
http://de.selfhtml.org/navigation/css.htm#hintergrund.
Also heis es dan am ende <input type="image" name="login" class="btnmain" value="{L_LOGIN}" tabindex="5" div id="button_neu" /> oder ?
Re: Login
Verfasst: 01.02.2009 09:11
von godmod23
Shakall hat geschrieben:
Also heis es dan am ende <input type="image" name="login" class="btnmain" value="{L_LOGIN}" tabindex="5" div id="button_neu" /> oder ?
Also ein div hat in einem input-Tag eigentlich nichts zu suchen
Die neue Klasse "button_neu" ersetzt beim Button die alte Klasse "btnmain", also so:
Code: Alles auswählen
<input type="image" name="login" class="button_neu" value="{L_LOGIN}" tabindex="5" src="Buttonimage.jpg" />
weil sonst würde ja "btnmain" immer noch auf den Button wirken.
Re: Login
Verfasst: 01.02.2009 13:14
von Shakall
PERFEKT !
Danke jetzt funktioniert es wunderbar.
Mfg