Mam problem z zamknięciem obrazka w divie. Na stronie korzystam z popularnego slidera "Nivo Slider v2.7.1". W celu zrozumienia mojego problemu:
http://img832.imageshack.us/img832/1853/sdproblem.pngPlik strony (index.html)
<div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider"> <img src="logo/yellow.jpg" alt="yellow" />
Plik Nivo Slider (nivo-slider.css)
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
Plik stylu index-a (style.css)
#logo {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
float: right;
margin-right: 5%;
height: 240px;
background: black;
border: 5px solid #ffb300;
width: 62%;
}
Co zmienić?