king-ich
Mitglied
Hallo.
Ich versuch schon seit Tagen in einem im 4. Div liegende Bildern horizontal und vertikal zu zentrieren.
Das ist mein Code:
/
css:
Neu hinzugekommen sind classen (ohne die ich zentrieren kann), mit denen ich eine touchslideshow erzeugen will. (http://touchslider.com/)
Kann jemand helfen?
Ich versuch schon seit Tagen in einem im 4. Div liegende Bildern horizontal und vertikal zu zentrieren.
Das ist mein Code:
/
PHP:
<div id="dia_show_rahmen" class="touchslider" style="border:2px solid #888; box-shadow: 4px 4px 4px #4697EC">
<div id="dia_show_rahmen_div" class="touchslider-viewport" style="overflow:hidden"><div>
<div class="touchslider-item">
<img id="dia_show" src="image_uploads/<?php echo $reihe['FILE_NAME'];
endforeach; ?>">
</div><a style="float:left" class="prev" onclick="switch_image(0)">❮</a>
<a style="float:right" class="next" onclick="switch_image(1)">❯</a></div></div></div>
css:
CSS:
#dia_show_rahmen {
position: relative;
clear: both;
display: table;
min-width: 150px;
max-width: 500px;
width: 100%;
height: 500px;
margin:30 auto;
cursor: pointer
}
#dia_show_rahmen_div {
display:table-cell;
vertical-align:middle;
cursor: pointer
}
#dia_show {
display: block;
max-width: 91%;
max-height: 91%;
margin: auto;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
Kann jemand helfen?