This page http://thinktankcd.com/Test/DD/index.html has been working fine for the past few days as I’ve constructed it, but today the rollovers and links have stopped working on the 6 main images - students kits, construction etc. I’ve made changes to the footer this morning but I can’t see how that has affected the rollovers.
Can anybody see from the code or otherwise what’s going on please.
Take a look in your document for an element named item11 and move it
to back. Your footer (I am guessing) has decided to cover over your
page body, and so none of the click or hover events are being sent to
the individual tiles.
Walter
On May 24, 2011, at 6:18 AM, neil.west1 wrote:
Hi All
This page http://thinktankcd.com/Test/DD/index.html has been working
fine for the past few days as I’ve constructed it, but today the
rollovers and links have stopped working on the 6 main images -
students kits, construction etc. I’ve made changes to the footer
this morning but I can’t see how that has affected the rollovers.
Can anybody see from the code or otherwise what’s going on please.
I was confused for a minute because item 11 is a child item so can’t be sent to the back (?), but its float wasn’t set to do anything, so I set it to left (as I’m starting to understand is better than none) and it now works again!
I’ve done it again, but again I can’t figure out ‘it’ is!
I’d uploaded it into it’s final location and then realised it was very slow to load. As I had originally saved the sprites as a png (millions of colours), I decided to make it into a jpeg to make it smaller. I amended the file name in the script as well, but the images now don’t appear on the home page.
Check your CSS and make sure it is referencing the JPEG version in
code. Be sure to look everywhere you have defined the background-image
in your CSS. Note that Freeway makes JPEG images with the .jpeg
extension, and Photoshop uses .jpg. Both work, but as usual, you have
to be excruciatingly correct in CSS (case-sensitive, spelling,
everything). Also, if you are using an external CSS file to reference
your image, and you have placed that image in the Resources folder,
and your CSS is in the css folder, then your path to the image will
be …/Resources/some_sprite.jpg. The …/ part means go up one level in
the filesystem from where you are (which is relative to the CSS file,
not the HTML file).
Walter
On Jun 6, 2011, at 10:54 AM, neil.west1 wrote:
Hi Walt
I’ve done it again, but again I can’t figure out ‘it’ is!
I’d uploaded it into it’s final location and then realised it was
very slow to load. As I had originally saved the sprites as a png
(millions of colours), I decided to make it into a jpeg to make it
smaller. I amended the file name in the script as well, but the
images now don’t appear on the home page.