내 mastr 페이지의 CSS : 사진에 줄 바꾸기를 추가하고 싶습니다.

Question

내 마스터 페이지에서 호출 할 수 있도록 내 CSS에 패키지를 만들었습니다. 내 문제는 그림이 크고 잘리는 패키지에 그림을 추가 할 때입니다. 포장에 그 코드를 말해 줄 수 있습니까? jCarousel에서 사용할 수 있도록?

#featured .sliderImages{ 
position:absolute; 
left:30px; 
text-align:center; 
width:380px; 
height:202px; 
top:30px; 
    } 
    ul.slider-img-list{ 
width:380px; 
margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 
    1;  
    top: 1200px; 
    } 
    ul.slider-img-list li{ 
    overflow: hidden; float: left; width: 380px; height: 202px; vertical-align:bottom; 
    } 

     a.package1{ 
width:270px; 
height:180px; 
display:block; 
background:url(images/slideleft-1.png) top left no-repeat; 
margin:0 auto; 
    } 
    a.package2{ 
width:270px; 
height:180px; 
display:block; 
background:url(images/slideleft-2.png) top left no-repeat; 
margin:0 auto; 
    } 
    a.package3{ 
width:270px; 
height:180px; 
display:block; 
background:url(images/slideleft-3.png) top left no-repeat; 
margin:0 auto; 
    } 
     a.package4{ 
width:270px; 
height:180px; 
display:block; 
background:url(images/slideleft-4.png) top left no-repeat; 
margin:0 auto; 
    } 
    a.package5{ 
width:270px; 
height:180px; 
display:block; 
background:url(images/slideleft-5.png) top left no-repeat; 
margin:0 auto; 
    } 
    .sliderImages span, .arrows span{ 
display:none; 
    } 

Answer 1

귀하의 질문은 이해하기가 어렵습니다. 하지만 회전 목마의 이미지가 너무 크다고 말하는 것 같습니까? 아마 시도 : 또한 ul.slider-img-list li img{width:100%;}

그럴 수이처럼 아마 깔끔한 그 CSS :

#featured .sliderImages { 
    position:absolute; 
    left:30px; 
    text-align:center; 
    width:380px; 
    height:202px; 
    top:30px; 
} 
ul.slider-img-list { 
    width:380px; 
    margin: 0pt; 
    padding: 0pt; 
    position: relative; 
    list-style-type: none; 
    z-index:1; 
    top: 1200px; 
} 
ul.slider-img-list li { 
    overflow: hidden; 
    float: left; 
    width: 380px; 
    height: 202px; 
    vertical-align:bottom; 
} 

ul.slider-img-list li img{width:100%;} 
ul.slider-img-list li a { 
    width:270px; 
    height:180px; 
    display:block; 
    margin:0 auto; 
} 
a.package1 {background:url(images/slideleft-1.png) top left no-repeat;} 
a.package2 {background:url(images/slideleft-2.png) top left no-repeat;} 
a.package3 {background:url(images/slideleft-3.png) top left no-repeat;} 
a.package4 {background:url(images/slideleft-4.png) top left no-repeat;} 
a.package5 {background:url(images/slideleft-5.png) top left no-repeat;} 

.sliderImages span, .arrows span {display:none;}