text auf bild drauf!! (und so..)

[OhneName]

Hallo,

da du mit wahsaga's Erklärung scheinbar nicht zurechtkommst, mach ich das mal etwas ausführlicher.

Du willst einen Link, also nimmst du auch einen:
<a href="foobar.html" class="foo">Text der auf dem Bild stehen soll</a>

Dank der Klasse foo kannst du sein Aussehen nun im externen Stylesheet beeinflussen.

Da du die Größe des Buttons beeinflussen willst, <a> aber ein inline-Element ist, verpasst du ihm einen passenden display-Typ:
.foo {
    display:block;

Nun kannst du auch seine Größe anpassen:
    width:50px
    height:20px

Eventuell solltest du auch Schriftgröße und Linienhöhe anpassen:
    font-size:15px
    line-height:20px

Jetzt gibts du ihm ein Hintergrundbild:
    background-image:url(bild1.png);
}

Sein Aussehen beim überfahren mit der Maus beeinflusst du mit der Pseudoklasse :hover, also:
.foo:hover {
    background-image:url(bild2.png);
}

Und fertig ist der Button.

gruss,
OhneName