Allgemeiner Fragethread

[Drakes]

Wie kann man einen Button mit einem Bild darauf machen? Man kann im value ja kaum ein <img> Element einfügen.(Sollte man bei XHTML kein Javascript verwenden, da es nicht valide ist? Ich meine, weil es das Attribut onClick "nicht gibt".)

[Crash-Override]

Code:

<input type="image" src="z" width="x" height="y" alt="Submit" />

funktioniert bei mir, valide hab ich jetzt nicht getestet, sollte aber gehen, schätze ich.

[Drakes]

Leider nicht in XHTML width und height gehen nicht und da man weitergeleitet wird, geht es nicht für das was ich will. Ich will für mein Forum eben auch BBCodes machen. Ich mach es jetzt vorläufig einfach so:

HTML-Code:

<img src="images/a_background.png" width="149" height="29" onClick="insert('[link]', '[/link]')" alt="Link einfügen" />

CSS:

HTML-Code:

img:hover {
	cursor: pointer;
	}

Und das insert ist das, auf welches drunken monkey verwiesen hat.

Edit: thx @drunken monkey , Crash-Override

[drunken monkey]

HTML-Code:

<button type = "button" onclick = "insert('[link]', '[/link]');">
    <img src = "images/a_background.png" width = "149" height = "29" alt = "Link einfügen" />
</button>

Ist valides und funktionierendes XHTML. Du hast dann allerdings den Button im Hintergrund.

[Manni]

HTML-Code:

<button type = "button" onclick = "insert('[link]', '[/link]');">
    <img src = "images/a_background.png" width = "149" height = "29" alt = "Link einfügen" />
</button>

Ist valides und funktionierendes XHTML. Du hast dann allerdings den Button im Hintergrund.

...

Den Button kann man allerdings über CSS ausblenden, in dem man einfach Rahmen und Hintergrundfarbe rausnimmt.