Wie kann ich auf ein Bild bei HTML etwas draufschreiben, ohne es als Hintergrund zu nehmen?

...komplette Frage anzeigen

4 Antworten

Es gibt verschiedene Möglichkeiten. Sei es mit Figure-Element über figcaption oder einem relative positioniertem Div als Container. 

HTML:

<figure>
 <img src="path/to/image.jpg" alt="">
 <figcaption>
   <p>Dein gewünschter Text...</p>
 </figcation>
<figure>

CSS:

figure {position: relative;}
figcaption: {
 position: absolute;
 /* Gewünschte Eigenschaften festlegen */
}

Mit einem Div ist es letztendlich nichts anderes. Das Markup lediglich etwas anders ausschaut. Die Vorgehensweise in CSS jedoch die selbe wäre. Sprich das umschließende Eltern-Element relative und dessen Kind-Element mit Ausnahme des Bildes absolute positionieren. 

HTML:

<div>
 <img src="path/to/image.jpg" alt="">
 <p>Dein gewünschter Text...<p>
</div>

Wo der Text am ende zu sehen ist, ganz einfach über die CSS Eigenschaften top, right, bottom und/oder left festlegen kannst. 

LG medmonk 

Antwort bewerten Vielen Dank für Deine Bewertung

Dazu verwendest du am besten css.

Antwort bewerten Vielen Dank für Deine Bewertung
Mindstormsprofi 07.10.2017, 16:39

Kannst du mir ein kleines Programm in CSS geben, dass meine vorstellungen realisiert?

0

Wie meinst du das?

Antwort bewerten Vielen Dank für Deine Bewertung

Was möchtest Du wissen?