the page you've referenced to is very simple in terms of coding. simply view and study the source code to determine how it's created.
hint: there's a wrapper with an id slider2 that is being called in jquery to initiate the slider. The wrapper contains an unordered list to separate the individual 'slides'. So the basic formula is css, jquery, element wrapper with an unordered list nested inside the wrapper where jquery is triggering the style of the element wrapper. I could show you the code of how it's done, but you've already provided it.
Thanks for your quick reply. I can study the sample site and view the source code. Like I said in my post, I am new to all of this and this is my 1st site, I havent heard of jquery and I really dont understand css and that is why I said I was building the site with tables.
Nonetheless, I will google jquery and see if I can get a great learning resource or a website where I can understand these concepts today. Thanks for your help.
just look around in and on these pages and don't get confused by the large range: Please look at the different sides calmy, it's of worth:
http://www.lokeshdhakar.com/projects/lightbox2/ (I use it)
http://www.shadowbox-js.com/ (I use it too)
http://www.google.de/#q=dreamweaver+slideshow&hl=de&prmd=v&source=univ&tbs=vid:1&tbo=u&ei= 2FrqS-X0MoqMOOrv2OkK&sa=X&oi=video_result_group&ct=title&resnum=4&ved=0CDMQqwQwAw&fp=79a60 95848c03fc9