Hi - I am having real trouble customising a Javascript slider I am integrating into a new design. I have managed to customise everything so far except that the image (the first image that slides will not sit properly within the list item it is contained in. I have tried setting the padding and margin to 0 for both the ul and the li in the specific styles but no joy. I am now completely stumped. There seems to be some sort of padding or space within the list item (according to firebug) that stops the image from sitting 100% within the li (that is set to the correct height of 980px x 233px).

 

The link is here: http://samdelara.co.uk/previews/new-design/index.html

 

Can anyone offer any help or pointers? Would be a massive help!!

 

Sam

This is causing the padding

 

 

#main-page-container ul li {
   font-weight: normal;
   padding: 0 0 8px 25px;
}

 

If you need the above try changing this line in the slider css

 

#slider ul li {/*added ul */
   border: 0 none;
   height: 233px;
   margin: 0;
   overflow: hidden;
   width: 980px;
   padding:0 /*added padding 0 */
}

mteam - that's brilliant - thank you so much. Feel stupid now - it was quite obvious! I was only looking at the slider.css styles. DOH! Thanks again.

 

Sam