hi i am new to this, i done a stu nicholls tutorial on photo gallery in css from website :http://www.webreference.com/programming/css_gallery/ the site work fine in 1e7 but both thumbnail & hover image doesnt work in firefox & opera i then uploaded the site to:www.meshmedia.co.uk/farm and then noticed that hover images dont work in 1e7 aswell, also again no images in firefox & opera i have been stuck on this for days and would appreciate if someone could help thanks
Is your development directory "C:/Documents and Settings/Administrator/Desktop/milli/farm project"? All the images in your gallery have the above path, I'm guessing they should be looking in the images directory on the web server rather then on your development machine? OR Are you saying that they don't work on your development machine as well?
yeah thats correct, ie7 displays from local machine everything, but not on server, and firefox & opera dont show anything both on local machine & webserver
Several things to try ... I've validated the CSS as it stands on your site and it throws up a number of errors. http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fmeshmedia.co.uk%2Ffarm%2Fgallery.html The majority of the problems are to do with the background style on the images in the gallery ... I'm guessing that the problem is to do with the spaces in the file path, try placing quotes round them? If this isn't it then could you update the code on the web server so that it points to the correct images? gG
here is your css problem: - change your image path. which is now like this: "C:/Documents and Settings/Administrator/Desktop/milli/farm project" - use this: "images/thumb/thumb1.jpg" - change all css like this. i think this will work.
^ if you do the above, then of course make sure the images are in a folder (on the server!) called "images". Nobody's website has files accesed from their local machines that I know of. You'll have copies of your images both on your own machine AND on the server. Also, if anything was directly copied from Stu's page, there'll very likely be validation errors. But he tests in all browsers available at the time he publishes, so often those errors are just bloat (like max-height: 100% on an already 100% page) but the page should still limp along : )
thank you everyone that has helped and softnmore your solution has worked, havent yet tested fully so i might be back to picks ur brains but thanks again everyone u lot are stars
hi does anyone know why when i point on the bottom pictures in stu nicholls gallery the thumbnail picture comes out of position rearranging the structure
try to changing the following css to i think that will work. actually this problem is happening when u r mouse is over an image, then it is getting 1px border for top, left, right and bottom. think about left and right border. if it increases 1px for both side.. then it becomes 2px + 100px (thumb pic size) = 102px. which is conflicting with the row width. try to decrease image thumb size or use the css above.