Hallo Leute,
Ich verstehe das nicht, warum bei mir Nextgen Gallery Thumnails immer ganz oben zeigt, obwohl ich Gallery unter dem Text eingefügt habe.
Hier ist Link zum meine Seite. Unten ist CSS.
Ich danke für eure Hilfe.
/* ----------- Album Styles Extend -------------*/
.ngg-albumoverview {
margin-top: 10px;
width: 100%;
clear:both;
display:block !important;
}
.ngg-album {
height: 100%;
padding: 5px;
margin-bottom: 5px;
border: 1px solid #cccccc;
overflow:hidden;
}
.ngg-albumtitle {
text-align: left;
font-weight: bold;
margin:0px;
padding:0px;
font-size: 1.4em;
margin-bottom: 10px;
}
.ngg-thumbnail {
float: left;
margin-right: 12px;
}
.ngg-thumbnail img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
margin:4px 0px 4px 5px;
padding:4px;
position:relative;
}
.ngg-thumbnail img:hover {
background-color: #A9A9A9;
}
.ngg-description {
text-align: left;
}
/* ----------- Album Styles Compact -------------*/
.ngg-album-compact {
float:left;
height:180px;
padding-right:6px !important;
margin:0px !important;
text-align:left;
width:120px;
}
.ngg-album-compactbox {
background:transparent url(albumset.gif) no-repeat scroll 0%;
height:86px;
margin:0pt 0pt 6px !important;
padding:12px 0pt 0pt 7px !important;
width:120px;
}
.ngg-album-compactbox .Thumb {
border:1px solid #000000;
margin:0px !important;
padding:0px !important;
width:91px;
height:68px;
}
.ngg-album-compact h4 {
font-size:15px;
font-weight:bold;
margin-bottom:0px;
margin-top:0px;
width:110px;
}
.ngg-album-compact p {
font-size:11px;
margin-top:2px;
}
/* ----------- Gallery style -------------*/
.ngg-galleryoverview {
margin-top: 10px;
width: 100%;
clear:both;
display:block !important;
}
.ngg-gallery-thumbnail-box {
float: left;
}
.ngg-gallery-thumbnail {
float: left;
background: url(shadowAlpha.png) no-repeat bottom right !important;
background: url(shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
}
.ngg-gallery-thumbnail img {
margin: -6px 6px 6px -6px;
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
padding:4px;
position:relative;
}
.ngg-gallery-thumbnail img:hover {
background-color: #A9A9A9;
}
.ngg-gallery-thumbnail span {
display:none;
}
.ngg-clear {
clear: both;
}
/* ----------- Gallery navigation -------------*/
.ngg-navigation {
font-size:0.9em !important;
clear:both !important;
display:block !important;
padding-top:15px;
text-align:center;
}
.ngg-navigation span {
font-weight:bold;
margin:0pt 6px;
}
.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev,
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;
}
.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover,
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
background-color: #0066CC;
color: #FFFFFF !important;
text-decoration: none !important;
}
/* ----------- Image browser style -------------*/
.ngg-imagebrowser {
}
.ngg-imagebrowser h3 {
text-align:center;
}
.ngg-imagebrowser img {
border:1px solid #A9A9A9;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
display:block !important;
padding:5px;
}
.ngg-imagebrowser-nav {
padding:5px;
margin-left:10px;
}
.ngg-imagebrowser-nav .back {
float:left;
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;
}
.ngg-imagebrowser-nav .next {
float:right;
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;
}
.ngg-imagebrowser-nav .counter {
text-align:center;
font-size:0.9em !important;
}
.exif-data {
margin-left: auto !important;
margin-right: auto !important;
}
/* ----------- Slideshow -------------*/
.slideshow {
margin-left: auto;
margin-right: auto;
text-align:center;
outline: none;
}
.slideshowlink {
}
/* ----------- JS Slideshow -------------*/
.ngg-slideshow {
overflow:hidden;
position: relative;
}
.ngg-slideshow * {
vertical-align:middle;
}
/* See also : http://www.brunildo.org/test/img_center.html */
.ngg-slideshow-loader{
display: table-cell;
text-align: center;
vertical-align:middle;
}
.ngg-slideshow-loader img{
background: none !important;
border: 0 none !important;
margin:auto !important;
}
/* ----------- Single picture -------------*/
.ngg-singlepic {
background-color:#FFFFFF;
display:block;
padding:4px;
}
.ngg-left {
float: left;
}
.ngg-right {
float: right;
}
.ngg-center {
margin-left: auto;
margin-right: auto;
}
/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
overflow: hidden;
margin:0pt;
padding:5px 0px 0px 0pt;
text-align: center;
}
.ngg-widget img {
border:2px solid #A9A9A9;
margin:0pt 2px 2px 0px;
padding:1px;
}
/* ----------- Related images -------------*/
.ngg-related-gallery {
background:#F9F9F9;
border:1px solid #E0E0E0;
overflow:hidden;
margin-bottom:1em;
margin-top:1em;
padding:5px;
}
.ngg-related-gallery img {
border: 1px solid #DDDDDD;
float: left;
margin: 0pt 3px;
padding: 2px;
height: 50px;
width: 50px;
}
.ngg-related-gallery img:hover {
border: 1px solid #000000;
}