HTML Text auf ein Bild

[cocoli]

Hallo Zusammen,
ich bin ein ziehmlicher Neuling wenn es um HTML und CSS geht und habe schon das erste Problem.
Seit 2 Tagen versuche ich auf meinen Button einen Text zu platzieren, aber irgendwie klappt das net so wirklich.

<div id="button1"><a href="link.html"/><img src="button1.png" border="0"/></a></div>

Wäre schön wenn Ihr mir ein paar Tips geben könntet, wie ich das umsetzen kann.
Danke schon mal im Vorraus.

 

[opel]

Wieso schreibst du den Text nicht gleich im Grafikprogramm auf deinen Button?

Was willst du denn mit deiner Variante erreichen?

 

[Leustich]

Lass das / im ersten <a...> weg, das wird sowieso durch </a> geschlossen.

und schau nach ob deine dateien sich im gleichen
ordner wie das Bild befinden...
So würdest du mit dem Bild zu link.html verlinken...

 

[cocoli]

danke für die schnelle Antwort,

@ Opel:
jupp ich könnte das mit dem Grafikprogramm machen aber dann lern ich ja nichts.
@ Leustich
den Strich habe ich weg gemacht,
das Bild wird mir ja angezeigt nur wenn ich einen Text dazu schreib steht der enweder daneben, drüber oder drunter...
wenn ich dann versuch im CSS mit padding den innenabstand festzulegen, zerammel ich mir alles.

 

[Leustich]

Ok...

dann könntes du ja das Bild als Hintergrund einsetzen...

#button1{
     background-image: url(button1.png);
     width:  ;
     height:  ;
}

<div id="button1"><a href="link.html">TEXT</a></div>

Dann musst du nur noch den Text positionieren...

 

[prm]

Du musst die Grafik als Hintergrundgrafik einbinden, wenn du darauf einen Text schreiben willst, siehe hier, Variante 1: Link-Buttons