Grafische Buttons mit Text im Vordergrund

  • Hallo leute ich hab ein problem:
    Ich möchte folgendes machen:

    Eine Grafik, auf der ein bestimmter Text ausgerichtet ist, den man beliebig verändern kann. Sowas gibts schonmaal bei Selfhtml mit CSS, allerdings nur als link mit aa hover, a visited und so...
    Ich brauche aber nur einen Bereich (evtl "div"), mit einer seperaten hintergrundgrafik mit einem Text drin, der dann in der Datei mit noriert wird, als überschrift, font oder was auch immer.

  • also soll deine Grafik vom Text unabhängig sien, dabei willst du einfach einen text haben , richtig?
    macht das doch mit einer tabelle

    <table background="DEIN HINTERGUNDBILD">
    <tr>
    <td>
    text
    </td>
    </tr>
    </table>

    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.
    [Blockierte Grafik: http://www.snippr.de/social/img/logo.png]
    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  • Also wenn ich das richtig verstehte, möchtest du ein Div-Container mit einem Bild drinne, auf dem ein Text geschrieben steht, so dass du die Schrift nicht direkt auf das Bild machen musst.
    Hier mal mein Vorschlag:

    Der Div-Container

    Code
    <div class="div_image">
       Hier der Text
    </div>


    Das wars hier schon, der Rest kommt dann in die css Datei:

    Code
    .div_image{
       background-image:url(url/zum/bild.png);
       height:20px;
       width:20px;
    }


    Ich glaube die Größenangaben sind nicht unbedingt notwendig, aber es ist besser, wenn du sie machst. Der Vollständigkeit halber.

    Viele Grüße

    Mir nicht