HTML + PHP + Bild

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • HTML + PHP + Bild

    Hallo,

    habe in Photoshop ein Bild mit "Lücken" (leere rechtecke) erstellt, sodass ich via HTML in den Lücken was reinschreiben kann.
    In einigen Lücken soll nun ein Text stehen und in 2 Lücken ein PHP Code.

    Bekomme das aber nicht mit der Formatierung hin !

    Weiß da wer rat ?

    lg

  • Syoss187 schrieb:

    Hallo,

    habe in Photoshop ein Bild mit "Lücken" (leere rechtecke) erstellt, sodass ich via HTML in den Lücken was reinschreiben kann.
    In einigen Lücken soll nun ein Text stehen und in 2 Lücken ein PHP Code.

    Bekomme das aber nicht mit der Formatierung hin !

    Weiß da wer rat ?

    lg


    Wenn du mir ein Bild zeigst und von dem was du bis jetzt gecodest hast, helf ich dir gerne. ;)

  • Du kannst das ganze über mehrere Wege angehen:

    Eine Möglichkeit (Bild via PHP erstellen)
    Du könntest das Bild via PHP generieren. Dazu musst du z.B. mit den GDLib Funktionen dein Grundbild einlesen und das dann bearbeiten und anschließend speichern bzw. ausgeben. Das ist auch der kompliziertere Weg.

    Eine andere Möglichkeit (via HTML und CSS)
    Einfacher geht es via HTML und CSS. Ich hab mal einen kleinen Beispielaufbau erstellt. Ich hofe du kannst damit was anfangen.

    Quellcode

    1. <div id="ImageContainer">
    2. <span>Dein Text</span>
    3. </div>


    Quellcode

    1. div#ImageContainer {
    2. width: 500px;
    3. height: 300px;
    4. background-image: url('image.png');
    6. position: relative;
    7. }
    9. div#ImageContainer span {
    10. top: 50px;
    11. left: 100px;
    13. position: absolute;
    14. }
    Alles anzeigen