0

スライダーの上に画像を配置したいのですが、スライダーの画像の両側にスクロールします。BitsyBride.com

現在、これらは前の次のリンクですが、ブラウザのサイズを変更するとわかるように、ジャンプします。私はその問題についてタオルを投げ入れており、それらを装飾的なイメージにしたいと思っています。

では、この上に画像を配置するにはどうすればよいですか？

#sliderwrap {
    width: 100%;
    padding: 40px 0;
    overflow: hidden;
    position: relative;
    background-image: url(http://bitsybride.com/wp-content/themes/basement/images/linen3.png);
}
4

1 に答える 1

0

マイギャラリーのどこに置くことをお勧めしますか？

#mygallery{ padding:0;position: relative;}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 980px; /*Width of Carousel Viewer itself*/
height:300px; /*Height should enough to fit largest content's height*/
margin:0 auto;
padding:0;
}

 .stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0px;
}

 .stepcarousel .panel{
float: right; /*leave this value alone*/
margin:0 40px 0 0;
border:none;
 }

 .thumb-title{
top:-105px;
right:0;
display:block;
position:absolute;
width: 250px; height:68px;
background: #eee url(images/line-h-l.png) top repeat-x;
margin:0;
overflow:hidden;
text-shadow:0 1px 1px #333;
}   



 .thumb-title-clear{
padding:10px 20px 10px 20px;
height:48px;
overflow:hidden;
}

 .thumb-title h2 a {
display:block;
text-decoration: none;
font-size:16pt;
line-height:18pt;
height:50px;
overflow:hidden;
font-weight:bold;
}

 .thumb-title h2 a:hover { 
}



 .stepcarousel .slideimg{
 float: left; /*leave this value alone*/
 background: #000 /*clip content that go outside dimensions of holding panel DIV*/
 margin:0; /*margin around each panel*/
 padding:0;   
 width:300px;
 height:300px;
 overflow:hidden;
 border-radius:15px;
 -moz-border-radius:15px; /* Firefox 3.6 and earlier */
 }
于 2012-11-17T22:08:41.113 に答える