help with lytebox appreciated

[smokeyone]

Hello
I must admit I am a newbie to web building/css/javascript etc so would be very grateful for any advice regarding Lytebox please.
I have installed it and it works after a fashion. However the buttons are missing and although I have uploaded the files I assume I have missed a link somewhere. Also how do I layout the thumbnails on the web page like a gallery please - four cols would be great. At the moment I am just experimenting with align left but feel sure there is a better way.
Thank you for any help.

Link to web page
http://voyagerspoland.info/Photos.htm
Link to image of files
http://s166.photobucket.com/albums/u...ent=filing.jpg

[Snookerman]

The css points to this image:

http://voyagerspoland.info/images/next_grey.gif

which does not exist.

[smokeyone]

Thanks for pointing me in the right direction but please tell me where the
css is!

[Snookerman]

If you look at your .css file, you will find the code for the previous image on row 34 (#lbPrev) and the code for the next image on row 41 (#lbNext).

[smokeyone]

Thank you for your patience but I do not see the connection.
I found the lines you mentioned and the link on my page points to the lytebox css file !!
Where am I missing the point....do I need to add another link to my page....
Thanks again

[Snookerman]

Look at this line in your css:

#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }

and this line:

#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }

The highlighted part is the url to your prev and next images. Make sure that points to the correct place, where you have the images. To be sure you get it right, set the entire path, e.g.

url(http://www.example.com/images/prev_grey.gif)

but of course on your site.

[smokeyone]

Almost there and thanks again.
Does this seem correct to you.......
{ background: url('http://voyagerspoland.info/js/lytebox/next_grey.gif')

In my uploaded files the lytebox css file is in a folder named lytebox.
The complete gallery upload folder is called js which contains two files..
one called pix and one called lytebox.

Also do all the url's need to be amended or just the ones you mentioned and do I change all mentions of "images" to lytebox !

Now I understand it a bit better I think the lytebox css file is the same as lightbox css which does have an images file. Lytebox did not come with an images file - would it be better to create one!

Thanks very much

[Snookerman]

The other urls are for other colors. Since you are using the grey one, you don't need to care about the other ones. I see that it works fine now, do you have any other questions? If not, you can go to your first post in this thread, click edit, then go advanced and then add the Resolved prefix for this thread.

[smokeyone]

You have been really good about helping me out - thank you.
Can I assume I do the same with 1b close to get the "close" button to appear
and have you a suggestion please to tidy the web page thumbnail layout.
Is there a css file I need to add to create the gallery effect!
Thank you again

[Snookerman]

Yes, do the same thing for the close button (#lbClose).

I don't really know how you want to tidy it, but the reason the images appear on different rows is because they are wrapped in <p></p> tags. Remove those to have them on the same row (if you want that of course).

I also don't know what kind of gallery effect you are looking for (the lytebox itself is a gallery effect), but you can find quite a few on Dynamic Drive.