Doing a little template design for a site, I decided to make a home page entirely in Adobe Image Styler, an old web graphics programme which is easy to use if rather dated. The idea was to rough it out in Image Styler and then do the real business in Freeway. My design included rollover menu and several other rollover effects here and there. Pretty basic stuff.
All works absolutely ticketyboo when previewed in any browser you can think of on the local Mac. But as soon as the files are uploaded to the web server, the rollover effects do not work…not in any browser you can think of! The main images show, but no rollover graphics whatsoever.
To me, this is utterly bizarre. Regardless of whether this is an old programme creating graphic rollover items rather than fancy CSS…if it works in preview, surely it should work in reality?
It appears there is some code run-together at the top of the page. (notice how the Javascript appears in one long line)
I would guess that this might be caused by some line-ending issues, i.e. Mac line ending are not necessary understood by windows and vice-versa.
How best to fix this…I haven’t clue other then to manually wash each generated page through a text editor and set line-ending to be a universal format (I believe the option would show as something like ‘CRLF’)
If it just the one page for prototyping’s sake, then it should not be too much of a hassle to locate the file on your local machine and compare the format, once opened in a text editor, to that of the source of the webpage, as seen through a browser’s ‘view source’. The above mentioned re-save with a more appropriate line-ending and re-upload should take care of the troubles with the html code.
PS, there may be an option in Image Styler to make this adjustment for you.
This draft design page, made entirely in Image Styler, nearly validates at W3C with only three minor errors, one being a lack of doctype.
The current live home page for this company done in Freeway doesn’t validate and returns over 40 errors! Doesn’t mean it doesn’t work!..but food for thought.
