[easymoments]

Hallo.

Ich habe folgendes Problem.
Ich möchte mehere Bilder untereinander darstellen. Jedes Bild hat eine Zoomfunktion und einen Rahmen drumherum und verknüpft sind sie mit der Lightboxextension. Die Bilder sind pflegbar, das heißt es können mal mehr und mal weniger werden.

folgendes problem. die es werden jeweils zwei bilder nebeneinander dargestellt, wodurch das ganze layout zerschossen wird. der rahmen um die bilder klatscht zusammen und der zoombutton macht gar nix. kann mir jemand weiter helfen????


quellcode:

<div id="col2">
<!-- ###COL2### -->
<div class="rahmen_bild"><img src="../images/img_01.jpg" alt="img" /><a href="#"></a></div>
<!-- ###COL2### -->
</div>



css:

#col2 {
margin: 25px 0 0 21px;
padding: 0 0 10px 10px;
width: 245px;
float: left;
}

.rahmen_bild {
width: 222px;
margin: 0 0 15px 0;
border: 5px solid #fff;
}

.rahmen_bild a {
position: relative;
display: block;
width: 22px;
height: 22px;
background: url(../images/ico_zoom.png);
margin: -22px 0 0 0;
}


typoscript:

COL2 < styles.content.getRight
COL2.wrap = <div class="rahmen_bild">|<a href="#"></a></div>