PDA

View Full Version : Where did the orange blob come from?


clearcomms
12-29-2010, 08:13 AM
I've been using Dreamweaver (mostly CS3 at the moment) for some years, and am competent if a bit old-fashioned!

I have a weird problem with a site which I've been running for most of the year. The problem arrived recently.

The site is at http://www.les-amis-des-chats.com (http://www.les-amis-des-chats.com/).

If you go to it in IE7/8, look at the left hand side; under the navigation bar is an orange blob.

It doesn't show up in Firefox, Google Chrome or Opera, but you do also get it in the Windows version of Safari.

When I preview the page on my PC hard disc (running XP Pro) using IE7 or Safari, the blob isn't there! But it's there when I view the identical pages on the server.

I know the blob is related to the navigation bar, in that first, when you hover the mouse over the blob it shows links to pages on the site, but upside down relative to the links in the navigation bar, and secondly, when I redesigned the navigation bar, the blob changed colour. Orange is the colour of the submenu links in the new design.

I tried rebuilding the bar, and the "new" bar is only on the index page, but this made no difference. The blob appears on all the pages using the old and the new bar. Needless to say the problem didn't appear when I first inserted the "old" bar - it has appeared since then.

Go to the French-language half of the site (click on the French flag in the top right corner), where there is a similar navigation bar built with the same software, and there is no sign of the problem.

Any suggestions as to possible causes and cures will be gratefully received.

And a Happy New Year to you all.

Corrosive
12-29-2010, 08:41 AM
And a Happy New Year to you, welcome to the forum. I am getting a lot of errors back from validating your menu. Where did it come from?

clearcomms
12-29-2010, 09:14 AM
Webstyle 4.

And as I mention above, the version of this menu on the French language half of the site, designed on the same software, has no problems and no blobs.

I've been using Webstyle 4 for years without any problems, and have menus on other sites working fine, sans blobs!

Corrosive
12-29-2010, 09:24 AM
And as I mention above, the version of this menu on the French language half of the site, designed on the same software, has no problems and no blobs.


Spotted a missing closing div tag;

<td align="center" valign="top"><script webstyle4>document.write('<scr'+'ipt src="xaramenu.js">'+'</scr'+'ipt>');document.write('<scr'+'ipt src="Navigation/navigation.js">'+'</scr'+'ipt>');/*img src="Navigation/Navigation.gif" moduleid="LADC_New_Site (Project)\Navigation_off.xws"*/</script></td>

<td colspan="3" align="left" valign="top"><div align="center">
<img src="Images/Graphics/RSPCA_CARD.jpg" alt="Christmas card to &quot;Les amis des chats&quot; from RSPCA International" width="320" height="317" align="left" /><img src="Images/Graphics/RSPCA_INT.gif" alt="The Greetings" width="285" height="162" align="right" /><br />

That div is closed on the french version. Try closing it and see what happens

clearcomms
12-29-2010, 09:58 AM
Thanks a lot for that - I'd missed it. At this moment I've actually removed the <div> opener as being easier. Trouble is right now I can't get FTP access to the server. Had the same problem yesterday, so it will be on again shortly and I'll report progress. :-D

Corrosive
12-29-2010, 10:01 AM
Thanks a lot for that - I'd missed it. At this moment I've actually removed the <div> opener as being easier. Trouble is right now I can't get FTP access to the server. Had the same problem yesterday, so it will be on again shortly and I'll report progress. :-D

OK, cool. Hopefully that will do it for you. If you need to debug HTML or CSS then use Firefox. It isn't my browser of choice for surfing but for developing it can't be beaten and it has some fantastic debugging add-ons. :)

Let us know how you get on. It might even be something else but at least if your HTML is sound it eliminates that from the process.

clearcomms
12-29-2010, 02:01 PM
Well, that wasn't the problem, but it's still better to have it right.

I'm now going to go through the index page with a debug site and see what I can do.

But I'm not convinced the problem is actually in the html - it may be something in or connected to the javascript of the navigation bar.

A close look at the blob shows that it is a set of links. Each one is the last link from one of the submenus that runs off some of the buttons. The one from the bottom button is at the top of the blob, the one from near the top of the bar is at the bottom. Go figure!

Anyway, thanks for your time.

I am also puzzled that the blob only appears on the server - when I view the exact-same files from my PC's hard disc, no blob.

Ah well. as is almost always the case with computers and code, the solution, when found, will be simple! I just wish the same could be said about finding it!

Corrosive
12-29-2010, 02:07 PM
Ah well. as is almost always the case with computers and code, the solution, when found, will be simple! I just wish the same could be said about finding it!

Yes, sadly that is always the way. You'll be kicking yourself no doubt when the answer presents itself! Maybe someone else can spot the deliberate mistake.

clearcomms
12-30-2010, 08:32 AM
>>You'll be kicking yourself no doubt when the answer presents itself! Maybe someone else can spot the deliberate mistake<<

Oh yes, and not for the first time, I can tell you!

Since one of the errors thrown up by html checks was the wrong type of coding (bit like the wrong kind of snow, as far as I could see) I re-created the page in the right kind of coding (HTML 4.01 Transitional). The blob was still there on the server.

Then, having noticed that it also wasn't there in the sub-directory on the server used by the French site, I made a copy that would work there, with its own copy of the navigation bar; i.e. everything identical to the one in the main (English) directory, but originating in the sub-directory. And guess what?

No blob.

This says to me that the blob can't originate in the HTML in the page, since that is identical, except for links to the images. Even the link to the navigation bar is identical.

Logically, it would appear to originate in the directory on the server that the English site is in, since it is only when files are in that directory that the blob appears.

Corrosive, I'd welcome your thoughts. If this is the case, one thing to try would be to delete the site from the server totally, then recreate it in a new directory. It would mean a few minutes down time, but that's not a problem.

What do you think?

Corrosive
12-30-2010, 08:48 AM
Corrosive, I'd welcome your thoughts. If this is the case, one thing to try would be to delete the site from the server totally, then recreate it in a new directory. It would mean a few minutes down time, but that's not a problem.

What do you think?

Seems a little radical! Is the script in a sub folder or the root?

clearcomms
12-30-2010, 09:11 AM
I'm ready to be radical!

The script is in a subfolder.

clearcomms
12-30-2010, 09:17 AM
I'm ready to be radical! Actually it's not much work - make a new directory, FTP the site from my PC to the new directory, delete the directory containing current site from the server, and then rename the new directory to what the deleted one was called.
That should give a clean root directory for the site with virtually no downtime.
The script is in a sub folder. The two copies of that sub folder on the server are identical, FTP'd from the same source. Only the results are different

Corrosive
12-30-2010, 09:19 AM
Fair enough, go for it then! I was going to suggest just copying the script sub folder from French to English side first but you can go the whole hog if you're happy to do that. Interested to see the results :)

clearcomms
12-30-2010, 09:33 AM
Since that only takes a moment, I did it. As I expected it made no difference. Since the two sub-directories are identical, it shouldn't make a difference, really.

What is different about them is the directory they are in. If that's the difference, it should be connected to the different effect they produce. Maybe.

Corrosive
12-30-2010, 09:42 AM
What is different about them is the directory they are in. If that's the difference, it should be connected to the different effect they produce. Maybe.

Well, unless you can think of anything else you may have changed, give it a shot. Can't hurt and your methodology seems sound to me. I hope the cats appreciate this!

clearcomms
12-30-2010, 10:26 AM
Please feel free to go to http://www.les-amis-des-chats.com/ and admire the blob-free web site!

So the problem is fixed.

Except what can have caused it, one wonders? Something in the root directory of the site on the server, but what?

Thanks for your help - very valuable to me, not least because the fact that you couldn't see that I'd missed anything obvious gave me confidence.

clearcomms
12-30-2010, 10:29 AM
>>I hope the cats appreciate this!<<

It's more important than that. My wife was one of the founders of the charity back in 2000, and is Vice-President right now, so the opinion of the cats is not the first thing on my mind! :-D

Corrosive
12-30-2010, 10:47 AM
It's more important than that. My wife was one of the founders of the charity back in 2000, and is Vice-President right now, so the opinion of the cats is not the first thing on my mind! :-D

LOL :lol:

Glad you got it sorted. Sound like one of those mysteries that may never get solved to me. That's the thing with code sometimes. One wrong move and it can come down like a house of cards.

edbr
12-31-2010, 01:30 AM
not getting this in ie9 but i did yesterday . can you cheeck again refreshing your cache perhaps/

clearcomms
12-31-2010, 05:31 AM
not getting this in ie9 but i did yesterday . can you cheeck again refreshing your cache perhaps/

Sorry - don't quite understand. As we discuss above, the problem is now sorted, so you won't get it now. So what should I be checking for?

edbr
01-01-2011, 07:11 AM
sorry i followed a link to this thread and completely missed the last page i think. glad you sorted it