thumbnail problems

Page: 1

Author Post
pughsofhay
Guest
Sorry but I am a complete novice at this. I have Floatbox working Ok, by the way congratulations for all the work that it has obviously entailed, but for the life of me I cannot alter the colour of the borders around the thumbnails. Any help will be appreciated. Also when opened in Opera all the spacing and borders around the thumbnails disappear. Perhaps these two problems are associated?
It can be seen on my "test" site at http://www.pughhay.co.uk
Regards :|
Leeloo
Guest
Your problems come from your CSS parameters, and not from Floatbox itself.

To change thumbs border color, add something like this to main.css :
div.thumbnails a img {
margin:15px 15px 0 0;
}
div.thumbnails a:link img,
div.thumbnails a:visited img {
border:1px solid lime;
}

First line adds a 15px top and right margin to each "a" link
Second line forces "lime" color to each "a" link (normal and visited links)
I am not sure if margins params are correct, but i copied your page and tried i on my local disk => tested OK on Opera 9.26

One question : why do you load floatbox.js 2 times ???
In your [head] section :
<script type="text/javascript" src="floatbox.js"></script>
<script type="text/javascript" src="/floatbox/floatbox.js"></script>
pughsofhay
Guest
Very many thanks. I have a lot to learn. Have added to main.css. I have also removed the duplication. :D

Page: 1