Hi all.

I am trying to develop my own website and having never used jQuery before I find myself in a bit of a pickle if I'm honest.

I have got the necessary code and have adapted it to my needs. Before implemented in my website I done a test run using my own images to see how it worked and it was fine.

Now the issue is that the size of my pictures (690x275) have slightly shrank leaving a bit of a gap around on my existing class=slider div.

I have looked at all the code and for the slider code that came with the slider there is widths and heights for the div slide but when changing this the pic size remains the same and I can see the pics slightly loosing quality.

Could this be because I have separated all local in page css style and jquery code to their own pages which I have correctly linked via the code below. The css reference is between the head tags and the script reference is after the body start tag.

What can possibly be the cause of this?

Why on it's own works fine but when inserted on the slider div on the website the images have shranked by say 75px all around?

Many thanks.

Albert (Midle name)

pic of slider here

same code here and works fine