Text auf ein im Div-Container plaziertes Bild?

[Teddyeyes]

Hallo ihr Lieben,
ich habe meine Website mit Div-Containern aufgebau.
In einem DIV-Container indem ich 3 Bildelemente plaziert habe,
möchte ich auf das am Fuß stehende Bild einen Adresstext schreiben.
Ich weiß nur leider nicht wie! Könnt Ihr mir helfen? Ist das überhaupt möglich?

Zur Veranschaulichung ein Bild!

 

[Shuilar]

AW: Text auf ein im Div-Container plaziertes Bild?

Hi,

die Seite hast Du nicht irgendwo online, dass man mal schauen kann, was Du machen willst?

Du kannst das doch gleich auf das Bild schreiben
Du kannst den Text dynamisch in PHP auf Bild drauf generieren.
Du kannst das text-div absolut darüber positionieren.
Du kannst ein relatives div drüberschieben.
Du kannst das Bild als Hintergundbild definieren und einfach draufschreiben.

...

Wahrscheinlich gibt es noch 10 andere Möglichkeiten ... Deswegen habe ich nach der Seite gefragt, da man dann einfach sagen kann, was sich anbietet.

LG
Shu

 

[Teddyeyes]

AW: Text auf ein im Div-Container plaziertes Bild?

Ich möchte es gern als Text auf dem Bild - wegen der Suchmaschinen und so weiter.
Das Bild als Hintergrundbild geht denke ich nicht, da in diesem Div ja 3 Bilder liegen.


Ich setze das ganze mal online und stell den link dann ein.

Danke

 

[wario]

AW: Text auf ein im Div-Container plaziertes Bild?

Hier gibt es eine gute Anleitung wie man auf ein Bild einen Taxt plaziert:
Text Blocks Over Image | CSS-Tricks

 

[Shuilar]

AW: Text auf ein im Div-Container plaziertes Bild?

Das Bild als Hintergrundbild geht denke ich nicht, da in diesem Div ja 3 Bilder liegen.

Du musst in diesem Fall nur das Hintergrundbild positionieren und das Div in der passenden Größe haben.
background-position: left bottom;
background-repeat:no-repeat;
in Deinem Falls.

LG
Shu

 

[leveler]

AW: Text auf ein im Div-Container plaziertes Bild?

nimm 2 divs, der im hintergrund hat zb "z-index: 1; " ,
die typo auf der oberen ebene: " z-index: 2; "

http://www.w3schools.com/css/default.asp

 

[stroyer]

AW: Text auf ein im Div-Container plaziertes Bild?

Oder du nimmst ein großes Div, in dem zwei divs nebeneinander (per float:left) und eines darunter ist; dort gibst du immer als background das jeweilige Bild und im letzten schreibst du noch den Text rein.

 

[w0mb4t]

AW: Text auf ein im Div-Container plaziertes Bild?

Also ich würd die Absolute Positionierung nehmen und das div mit dem Text dort positionieren, wo ich es haben will.

 

[stroyer]

AW: Text auf ein im Div-Container plaziertes Bild?

Und wenn man einen Buchstaben ändert, kann man sich mit der Positionierung spielen

 

[Ninaw]

AW: Text auf ein im Div-Container plaziertes Bild?

Ich denke, dass die Lösung über den z-Index in deinem Fall am elegantesten ist.So musst du am erstellten Grundgerüst nichts mehr ändern.

z-index: Überlappung von Elementen: Beispiel zur CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[Teddyeyes]

AW: Text auf ein im Div-Container plaziertes Bild?

:lol:

Vielen Dank Euch allen für Eure Vorschläge!
Problem ist gelöst!

 

[Shuilar]

AW: Text auf ein im Div-Container plaziertes Bild?

und darf man auch erfahren, welche der vielen Lösungen Du genommen hast?

 

[Teddyeyes]

AW: Text auf ein im Div-Container plaziertes Bild?

Hallo,

ich habe mich für die Variante das DIV im Fuß der Seite nochmal in 2 zu Teilen.

Vielen Dank