Bilder wiederholen

[Andi]

Hi,

also ich möchte eine runden Knopf erstellen, welcher aus einzelnen Teilgrafiken besteht, aber es will nicht so recht klappen:

<img src='../images/startLE.png><span style='background-image: url(../images/startME.png);background-repeat:repeat-x;'>Text</span><img src='../images/startRE.png'>

Hier wird der Text nicht mittig dargestellt und auch die Grafik kann startME wird nur teilweise (hälfte) dargestellt.

Danke für euer Hilfe,
Andi

[Frank Opper]

Hallo,

<img src='../images/startLE.png><span style='background-image: url(../images/startME.png);background-repeat:repeat-x;'>Text</span><img src='../images/startRE.png'>

Hier wird der Text nicht mittig dargestellt und auch die Grafik kann startME wird nur teilweise (hälfte) dargestellt.

das <span> sollte nur so breit sein wie durch den Inhalt vorgegeben, d.h. der Text steht immer in der Mitte zwischen den beiden <img>.

Was meinst Du mit Hälfte? Oben/unten? Links/rechts?

Viele Grüße
Frank

[Andi]

Hallo,

<img src='../images/startLE.png><span style='background-image: url(../images/startME.png);background-repeat:repeat-x;'>Text</span><img src='../images/startRE.png'>

Hier wird der Text nicht mittig dargestellt und auch die Grafik kann startME wird nur teilweise (hälfte) dargestellt.

das <span> sollte nur so breit sein wie durch den Inhalt vorgegeben, d.h. der Text steht immer in der Mitte zwischen den beiden <img>.

Jetzt wird zwar richtig dargestellt nur, wie bringe ich den Text in die Mitte vom span - also, dass er mittig dargestellt wird?

Gruß
Andi

[Frank Opper]

Hallo,

Jetzt wird zwar richtig dargestellt nur, wie bringe ich den Text in die Mitte vom span - also, dass er mittig dargestellt wird?

Keine Ahnung, warum bei Dir der Text nicht mittig ist. Bei mir wird er schön dicht von zwei Grafiken eingerahmt.

Viele Grüße
Frank

[MudGuard]

Hi,

das <span> sollte nur so breit sein wie durch den Inhalt vorgegeben, d.h. der Text steht immer in der Mitte zwischen den beiden <img>.
Jetzt wird zwar richtig dargestellt nur, wie bringe ich den Text in die Mitte vom span - also, dass er mittig dargestellt wird?

Was hast Du geändert?

Wie sieht der komplette relevante Code (HTML und CSS) für diese Elemente aus?

cu,
Andreas