[PHP] Buttonanzeige nicht so wie es soll

[Driver78]

Guten Tag,

im Moment schlage ich mich mit einem kleinen Problem rum. Ich habe mir ein Button erstellt was wie folgt aussehen soll:

jedoch auf der Seite selber sie es so aus ->

Warum? Und wie kann ich es ändern?

Hier noch der PHP Code:

<button name="Startseite" type="button" onClick="self.location.href='{script_ordner}/{INDEX_PHP}'"> <img src="images/startseite.png">

 

[Mr. Snoot]

Grafische Buttons erstellt man so.

Mit <input type="image"> definieren Sie einen grafischen Button (input = Eingabe). Die gewünschte Grafikdatei bestimmen Sie mit dem Attribut src (src = source = Quelle). Weisen Sie eine geeignete Grafik vom Typ GIF, JPEG oder PNG zu.

 

[Driver78]

Vielen Dank, war zwar eben auf der Seite, habe aber wohl das Falsche Beispiel genommen. Nun ja, bin halt noch ein "Anfänger"!

 

[voodoo44]

Das ist im übrigen kein PHP-Code, welchen du dort verwendest. Das ist simples HTML mit ein bisschen Javascript.

 

[Driver78]

Ich hätte da glatt noch eine Frage. Nun weiß ich zwar wie ich ein Bild Button erstelle, doch was muss ich machen das ich einen "Mouseover-Effekt" erreiche, sprich mit einer zweiten abgeänderten Grafik?

 

[voodoo44]

http://www.codingforums.com/showthread.php?t=2450

 

[JanKrohn]

Nein, nicht mit JavaScript! In Zeiten von CSS ist das unnötig.

Im CSS:

#xyz a:link, 
#xyz a:visited
{
background-image: url("images/normal.gif");
}
 
#xyz a:hover, 
#xyz a:focus
{
background-image: url("images/hover.gif");
}

Im HTML:

<div id="xyz"><a href="...">abcdefg</a></div>

Kannst Dir mal meine Webseite anschauen, insbesondere die Navigation, und die CSS-Datei:

www.vic-fontaine.com - läuft alles ohne JavaScript.

Gruß,
Jan