Bildtitel neben Bild ausrichen

[Jewls]

Ich habe die Demo 1...
(Demo 1: Full blown gallery)
...verwendet.

Also ich habe versucht den Text mit "bottom:-60px;" unter dem Bild zu platzieren, aber er verschwindet
dennoch im Bildrand.

Ich vermute das der Text-div innerhalb des "<li></li>" ist, was auf die Bildgröße beschrenkt ist.
Aber wenn ich den Text-div außerhalb des <li> setze, verliert der Text-div den bezug zu dem jeweiligen Bild
da für jedes Bild ein anderer Text kommt.

könnte man das <li> nicht in der css mit "height:" oder so erweitern?
oder hat das andere Ursachen das der Text nur auf dem Bild angezeigt bleibt?.

Danke :)

 

[Sempervivum]

Der Grund, dass er verschwindet ist, dass das umgebende div ein overflow:hidden hat:

.exposureTarget {
width:800px;
height:600px;
background-color:#111;
background-image:url(res/loader.gif);
background-repeat:no-repeat;
background-position:center center;
float:left;
padding:0;
margin:0;
border:12px solid #111;
position:relative;
overflow:hidden;
}

Wenn Du das löschst oder auf overflow:visible setzt, wird der Text sichtbar.
Wie ich schon vermutet hatte, modifiziert das Skript das DOM. Wenn Du dir die Strukturen ansehen willst, musst du z. B. Firebug verwenden.

 

[Jewls]

Suuuuper!, es hat so funktiontiert.

Vielen dank für die Hilfe!

mfg, Jewls :)