Texte in Bildern schreiben via HTML

<img src="blabla.png title="50% Abgeschlossen. " />

Das ist der code dazu.

Muss gehen, bei mir gehts auch xD

Guck dir ein Video an einfach:

<div id "box1>
<h3> Ich bin eine Giraffe <h3>
</div>

in die Html datei

dann in die css datei

#box1 {
width:600px
height:50px
background-image:url()
}

Dann kannst du es mit befehlen in die richtige position bringen

Zitat von Karlo

Welches video ? Schick es mir bitte.
Fearghus mein Bild wird dabei nicht angezeigt.

HTML & CSS Tutorial: moderne Webseite erstellen mit CSS | deutsch - YouTube

Zitat von Karlo

Fearghus mein Bild wird dabei nicht angezeigt.

Du musst auch dein bild logo.png nennen, und dann im Code:

<img src="logo.png" title="50% Abgeschlossen. " />

Dann müsste es gehen. Habe es auch schon getestet.

Zitat von Mekaro

Du musst auch dein bild logo.png nennen, und dann im Code:

Code

<img src="logo.png" title="50% Abgeschlossen. " />

Dann müsste es gehen. Habe es auch schon getestet.

Bei mir klappt so auch alles.

Habe Mal Live-Demo gemacht:

Text auf Bildern Live Demo by Mekaro

Geh auf Quelltext Anzeigen. Dann kopiers und änder den namen der Datei.

[Achtung]
Du musst dein Bild in GIF Format umwandeln, sonst geht es nicht.

Falls das Problem noch nicht geklärt wurde:

das in die HTML Datei:

<div id="box">
<div class="text">
Dein Text im Bild
</div>

CSS Datei:


#box {
background:url(linkzumbild.png);
width: breite der Box;
height: höhe der Box; / wenn du die Höhe angibst würde ich dir empfehlen wenn du da hinschreibst height:0 auto; - dann geht die Box hat die Box keine richtige höhe sondern hällt sich am Text.
margin-left: auto;
margin-right: auto;
}


Hoffe ich konnte helfen!

Wie wärs mit padding ?