Buttons

[joko123]

Guten Tag

Ich habe ein kleines Problem bei meiner html-datei.
hier
Ich möchte die Buttons durch schönere Bildchen ersetzen, um es ein bisschen schöner zu gestalten.
Nun habe ich jedoch das Problem, dass ich keine Ahnung habe, was ich da im Quelltext ersetzen muss.

Ich freue mich über jede Hilfe.

Gruss
Joko123

 

[Gelöschtes Mitglied 16524]

Hi,

man kann deine Seite nicht einsehen, da sie lokal auf deinem Computer gespeichert ist. Du müsstest diese erst auf einem Server hochladen. ;)

Ein Bild bindet man mit folgenden Code ein:

<img src="der_pfad_zur_datei" alt="Alternativtext_des_Bildes" />

Meinst du das? Wenn nicht wäre es nett, wenn du dein Problem nochmal genauer beschreibst und den Code der Datei beilegst ;-)

HTML

//EDIT:

Wenn du Bilder durch andere Bilder ersetzen willst, musst du doch einfach die Grafiken austauschen, indem du die alten mit neuen Grafiken im jeweiligen Ordner ersetzt und notfalls die Größen anpasst.

 

[joko123]

Komisch, ich habe den Pfad eigentlich gleich nachdem ich den Beitrag geschrieben habe geändert. Funktioniert er immernoch nicht?
Der Code ist leider zu lang. Es handelt sich um einen Lückentext.
Dieser Teil hier sollte der richtige sein, obwohl bei mir der Link jetzt eigentlich geht.


<button id="CheckButton2" class="FuncButton" onmouseover="FuncBtnOver(this)" onfocus="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onblur="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="CheckAnswers()">&nbsp;Check&nbsp;</button>

<button class="FuncButton" onmouseover="FuncBtnOver(this)" onfocus="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onblur="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="ShowHint()">&nbsp;Hint&nbsp;</button>


</div>



<div class="Feedback" id="FeedbackDiv">
<div class="FeedbackText" id="FeedbackContent"></div>
<button id="FeedbackOKButton" class="FuncButton" onfocus="FuncBtnOver(this)" onblur="FuncBtnOut(this)" onmouseover="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="HideFeedback(); return false;">&nbsp;OK&nbsp;</button>

</div>

<!-- BeginBottomNavButtons -->


<div class="NavButtonBar" id="BottomNavBar">




<button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='contents.htm'; return false;"> Index </button>



<button class="NavButton" onfocus="NavBtnOver(this)" onblur="NavBtnOut(this)" onmouseover="NavBtnOver(this)" onmouseout="NavBtnOut(this)" onmousedown="NavBtnDown(this)" onmouseup="NavBtnOut(this)" onclick="location='nextpage.htm'; return false;">=&gt;</button>


</div>

 

[dicht`]

<a href="datei_name.html" ><img src="image.jpg" alt="Bild_Name" width="92" height="54" border="0" /></a>

 

[joko123]

<a href="datei_name.html" ><img src="image.jpg" alt="Bild_Name" width="92" height="54" border="0" /></a>

Und wo soll ich das einfügen, damit die Funktion nicht verloren geht?

 

[dicht`]

sagen wir du willst den button aender :

<button id="CheckButton2" class="FuncButton" onmouseover="FuncBtnOver(this)" onfocus="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onblur="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="CheckAnswers()">&nbsp;Check&nbsp;</button>

dann gibste das ein:

<button id="CheckButton2" class="FuncButton" onmouseover="FuncBtnOver(this)" onfocus="FuncBtnOver(this)" onmouseout="FuncBtnOut(this)" onblur="FuncBtnOut(this)" onmousedown="FuncBtnDown(this)" onmouseup="FuncBtnOut(this)" onclick="CheckAnswers()"><img src="image.jp" alt="bild_name" border="0" /></button>

edit: falls dich der rand stoert gib das ein:

<input type="image" src="image.jpg" onclick="CheckAnswers()"/>