Hey Experts. I am trying to add a new feature to my website but I can't seem to get this code right (line #13, 18 and 24 below).
/* This css requires Moving Boxes v2.02+ */
/* Inside slider shadow */
.mb-left-shadow, .mb-right-shadow {
background: repeat-y scroll 0 0;
height: 100%;
position: absolute;
top: 0;
width: 10px;
}
.mb-left-shadow {
background-image: url("files/webslider/demo/leftshadow.png");
left: 0;
}
.mb-right-shadow {
background-image: url("files/webslider/demo/rightshadow.png");
right: 0;
}
/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {
background: url("files/webslider/demo/arrows.gif") no-repeat;
margin: 0;
top: 40%;
/* the margin-top below may be causing problems, so adjust the % above... */
/* margin-top: -29px; if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
zoom: 1;
}
Open in new window
This one works for another section of the web page but I'm not sure how to use this portion of code to ref the location of the file for the one above.
img src="files/webslider/demo/1.jpg" alt="picture"
Open in new window
Thanks Experts!
Open in new window