Hallo,
ich habe ein kleines Problem mit dem GDPics Modul.
Die Seite verzieht sich kurz wenn ich es anzeigen lasse:
Schaut es euch einfach mal selbst an Click me
Hier der Code aus der .css
.copyright, .page_list, .size_list {
clear: both;
font-size: 10px;
text-align: center;
}
.grey {
color: #777;
font-weight: normal;
}
/* Top level styling */
.top_custom_albums {
text-align: left;
display:inline;
width:95%; /* IE requires a Width */
}
.top_custom_albums img{
float: left;
border: 2px ridge #ccc;
margin: 0.5em;
}
.top_caption {
text-align:left;
}
.top_album_row_blue {
margin: 1px 2em 1px 2em;
background-color: #eee;
}
.top_album_row_yellow {
margin: 1px 2em 1px 2em;
background-color: #ffffcc;
}
.row {
margin: 5px 3em 5px 3em;
}
.album_row {
margin: 1px 3em 1px 3em;
text-align:center;
}
.albums, .custom_albums{
float:left;
text-align: center;
margin: 0.7em 5%;
/*background: url("../modules/gdpics/folder_bg.gif") no-repeat;*/
}
.albums img {
/*width: 40px;*/
}
.custom_albums img {
border: 2px ridge #ccc;
/*width: 100px;*/
}
.thumb {
float:left;
margin: 0.7em 5%;
text-align: center;
vertical-align:middle;
height:120px;
top: -60px;
}
.thumb img {
border: 1px solid #000;
text-align: center;
}
.clearer2 {
clear:both;
height:1px;
}
.gal_title {
margin-top: 0.5em;
padding: 0.3em;
/*border: 1px solid #ccc;*/
font-size: 12px;
}
.album_desc {
margin-top: 0.5em;
padding: 0.3em;
border: 1px solid #ccc;
font-size: 11px;
}
.image, .gal_list {
/*float: left;*/
margin: 0px auto; /*center table */
align: center;
width: 96%;
padding: 0 1em 1em 1em;
border: 1px solid #000;
font-size: 10px;
}
.path {
margin: 1em;
margin-bottom: 0.3em;
font-size: 10px;
}
.parent {
margin: 1em;
text-align: center;
}
/*display Photo div */
.parent img {
border: 2px outset #ccc;
padding: 0.5em;
margin: 0;
}
.previous {
clear: left;
float: left;
margin: 0.5em;
}
.previous img, .next img {
border: 1px solid #000;
height: 75px;
}
.next {
clear: right;
float: right;
margin: 0.5em;
}
.nav {
margin: 0;
clear: both;
height: 10em;
}
.pic_list {
position: relative;
bottom: -2em;
left: 0;
text-align: center;
margin-left: 6em;
margin-right: 6em;
margin-top: 0;
margin-bottom: 0;
}
.pic_list {
bottom: 0;
margin-top: 1em;
}
.all_img_info {
width: 100%;
float: left;
text-align: center;
margin-bottom: 2em;
}
.img_info_row {
clear: both;
margin: 0 auto;
width: 400px; /*330px*/
}
.img_info_tag, .img_info, .desc, .img_info_head {
float: left;
display: block;
width: 120px;
text-align: left;
border: 1px solid #fff;
background-color: #ccd9e6; /* Quarter Tone Blue #369 */
padding: 3px;
}
.desc {
/* margin: 1em auto 2em auto;
width: 500px;
padding: 0.5em;
text-align: left;
border: 1px solid #ccc;*/
width: 98%;
background-color: #eee;
}
.img_info {
width: 264px;
background-color: #eee;
}
.img_info_head {
width: 98%;
background-color: #b3cc99;
}
