Elodie,
Wow! It even works in IE , i wasn't at all sure it would. Looks almost like a digital animation scene/cgi from a movie, especially the 2nd slide. The white background in FF/Chrome and black background around images in IE are the consequences of using css as a club instead of as a paint brush.
The first two mini-sliders on the bottom now look psychedelic. Alright, I'll do what I can. Please hang on. Ill post something shortly to get the forward and backward arrows on the two mini sliders in place, and I'll try to do something about the colors as well once i understand where they are coming from. Will post here shortly.
Ok... Please add this *below* the previous code. Couldn't remove the white boxes so i shrunk them and put them behind the images, I am not sure what they even are. arrows look ok now. Sorry but I am css'ed out. There is a strange transition effect on the 2 small sliders and not all small slides have labels or did the code eat other labels? i am not sure.
#top.home .grid4 {
margin-left:40px;
width:285px !important;
}
#top.home .grid4 img {
min-width:294px !important;
}
#top.home .slideshow_portfolio3.aviaslider:nth-child(n+1) {
margin-left:18px;
}
#top.home .slideshow_portfolio3 .arrowslidecontrolls:nth-child(n+1) {
margin-left:101px;
}
#top.home .slideshow_portfolio3 .arrowslidecontrolls .ctrl_back.ctrl_arrow:nth-child(n+1) {
margin-left:10px;
bottom:12px
}
#top.home .slideshow_portfolio3 .ctrl_arrow:nth-child(n+1) {
margin-left:230px;
position: relative;
}
Thanks,
Nick