CSS problem with switching font size

[monique]

Dear all,

Yesterday I launched the new website I have built for SHAMAJO, a foundation dat organizes special events for (complex) handicapped people. See: http://www.shamajo.nl.

I have seen a strange problem occuring with the possibility to change the font size from normal to bigger (see the picto's on the right side: A small and A bigger). I wanted to offer this possibility for people who can't see sufficient enough to offer them somewhat more service. On the main menu page "droomwensen" and "gastenboek" it works well, but on all the other menu's it doesn't. It seems as if the css style sheets are being blocked or so when clicking on one of these other menu's. This is the same in IE, FF, NS and Opera.

I have checked, checked and double checked, but can't find any difference in the commands between the pages that work and the pages that don't work.

Is there someone who can help me please?

Thanks in advance.

Have a nice day,
Monique

[tech_support]

I don't see a stylesheet when I click the [A+] button.

[monique]

See the code, there are several external style sheets (for normal size, bigger size, print and seperately for IE) attached to each file as follows:

<link rel="stylesheet" type="text/css" href="css/styles.css" media="screen" title="default" />
<link rel="alternate stylesheet" type="text/css" href="file:css/stylesgroot.css" media="screen" title="bigger" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" title="default" />
<link rel="alternate stylesheet" type="text/css" href="css/printgroot.css" media="print" title="bigger" />

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/ie_styles.css" media="screen" title="default">
<link rel="alternate stylesheet" type="text/css" href="css/ie_stylesgroot.css" media="screen" title="bigger" />
<link rel="stylesheet" type="text/css" href="css/ie_print.css" media="print" title="default" />
<link rel="alternate stylesheet" type="text/css" href="css/ie_printgroot.css" media="print" title="bigger" />
<![endif]-->

[Veronica]

In the pages that don't work, you have extra stuff before the href for the stylesheet:

<link rel="alternate stylesheet" type="text/css" href="file:css/stylesgroot.css" media="screen" title="bigger" />

Take out the "file:" and it should work fine

[monique]

Thanks Veronica.

What is so strange is that I changed the templates accordingly, updated the files on the internet, but it still didn't work well. For some reason the old templates were still on the internet system somewhere.

I than deleted the whole templates file from the internet en uploaded again the whole templates file with all amended files, but still no success.

So offline it works well, but online it still doesn't.

Isn't that strange?

What can I do about it?

[tech_support]

You need to remove the "file:" as Veronica said.
Or else FF will throw this error:

Security Error: Content at http://www.shamajo.nl/ may not load or link to file:///css/stylesgroot.css.

[monique]

Yes I know, but like I said in my previous message, I changed the files deleting the "file:", but while updating the internet with the new files the old files still seem to be there somewhere and "overrule" the new files, so that it still doens't work properly.

I don't know how else I can explain and I don't understand this at all, but I don't know how to solve it.

Can someone help please???

[tech_support]

Options:

1. Delete the old files, put the new ones in.
2. Put the new files in a new folder.
3. Put it in another host.

[monique]

Oh stupid me!

Of course, besides the updated template files, I had also to update all the individual text files as well...

All of a sudden I realized... now the whole problem is solved...

Thanks everybody!!!