New Member - CSS and/or JS Question

Hi everybody,

I'm a musician trying to do my own web site. I've had no formal
training in anything to do with web design, so please be gentle with
me! (If anyone has any questions about music I'll happily answer them...)

Anyway, my question: I've got a group of 3 sub-links (is that what you
call them?) that use a javascript to show the contents of one <div>; at
a time. I got the js somewhere on the net, put it in an external file
and called it "showandhide.js". This might make more sense if you just
have a look at my practice page at
http://www.imaginablemusic.com/html/inner.htm The group of links I'm
referring to are "Introduction&quot;, "For Healing Professionals" and "How
to Buy".

I've managed to get a change of colour happening with mouse rollovers,
but I can't figure out how to make the active (current? whatever you
call it...) link change colour.

Can anyone please help me? It'd probably help if I provide some code,
so please just tell me what you need to see.

Thanks in advance, Bill

•  6
  New Members

• Computer programming languages
• Java programming language
• Javascript
• Basic programming language
• Programming languages

Bill - everything you've done looks fine. The 'link' formatting is controlled
through your css.css file, as it should be.

But....the internal formatting of the css.css file is corrupt. Instead of
carriage-return, line-feed, a few of the lines have line-feed only. I think
this is confusing Internet Explorer. You can see the corruption by opening
the file in something like Word.

If you correct the corrupt lines ("a:active", ".menu_2 td a:hover&quot;, ".menu_2
td a:active&quot;) then it should start to work OK.

Let me know if you need any help correcting this.

Rob.

-----Original Message-----
From: 1stJavaScript%40yahoogroups.com">1stJavaScriptyahoogroups.com [mailto: 1stJavaScript%40yahoogroups.com">1stJavaScriptyahoogroups.com] On
Behalf Of bill_canty
Sent: 21 July 2007 20:37
To: 1stJavaScript%40yahoogroups.com">1stJavaScriptyahoogroups.com
Subject: [1stJavaScript] New Member - CSS and/or JS Question

Hi everybody,

I'm a musician trying to do my own web site. I've had no formal training in
anything to do with web design, so please be gentle with me! (If anyone has
any questions about music I'll happily answer them...)

Anyway, my question: I've got a group of 3 sub-links (is that what you call
them?) that use a javascript to show the contents of one <div>; at a time. I
got the js somewhere on the net, put it in an external file and called it
";showandhide.js". This might make more sense if you just have a look at my
practice page at http://www.imaginablemusic.com/html/inner.htm The group of
links I'm referring to are "Introduction&quot;, "For Healing Professionals" and
&quot;How to Buy".

I've managed to get a change of colour happening with mouse rollovers, but I
can't figure out how to make the active (current? whatever you call it...)
link change colour.

Can anyone please help me? It'd probably help if I provide some code, so
please just tell me what you need to see.

Thanks in advance, Bill

For a quick response, your message should include,

- A copy of the code
- A copy of any error messages
- A description of what you're trying to achieve
- A description of what's actually happening
http://www.trans4mind.com/personal_development/HTMLGuide/index.html For HTML
http://www.trans4mind.com/personal_development/JavaScript/index.html For
JavaScript You can also download the JavaScript and HTML tutorials (Nearly
2.5 megabytes.) A 30 day version of jsEditor is available for free download
at http://www.trans4mind.com/personal_development/JavaScript/freeEditor.htm
--------------------------
FREE zip/unzip program:
http://www.trans4mind.com/personal_development/zipper/index.html
--------------------------OR go to and change your settings:
http://groups.yahoo.com/group/1stJavaScript/
List owner: 1stJavaScript-owner%40yahoogroups.com">1stJavaScript-owneryahoogroups.com

://groups.yahoo.com/group/1stJavaScript/
List owner: 1stJavaScript-owner%40yahoogroups.com">1stJavaScript-owneryahoogroups.com

Yahoo! Groups Links

***********************************************************************************
Any opinions expressed in email are those of the individual and not necessarily those of the company. This email and any files transmitted with it are confidential and solely for the use of the intended recipient
or entity to who they are addressed. It may contain material protected by attorney-client privilege. If you are not the intended recipient, or a person responsible for delivering to the intended recipient, be advised that you have received this email in error and that any use is strictly prohibited.

Random House Group + 44 (0) 20 7840 8400
http://www.randomhouse.co.uk
http://www.booksattransworld.co.uk
http://www.kidsatrandomhouse.co.uk
Generic email address - enquiries%40randomhouse.co.uk">enquiriesrandomhouse.co.uk

Name & Registered Office:
THE RANDOM HOUSE GROUP LIMITED
20 VAUXHALL BRIDGE ROAD
LONDON
SW1V 2SA
Random House Group Ltd is registered in the United Kingdom with company No. 00954009, VAT number 102838980
***********************************************************************************

•  6
  New Members

• Computer programming languages
• Java programming language
• Javascript
• Basic programming language
• Programming languages

Hey, thanks a lot Rob!

Wow, I had no idea the solution could be so simple. I've made all the
files in TextEdit on an old Mac, and it doesn't seem to have an option
for making carriage-returns and line-feeds visible.

I don't have Word on my PC - only Notepad and Wordpad. Would either of
them enable me to fix the css file?

Or, I suppose I could drag it over to my gf's PC...

Cheers, Bill

Atkinson, Robert wrote:
&gt; Bill - everything you've done looks fine. The 'link' formatting is controlled
> through your css.css file, as it should be.
>
> But....the internal formatting of the css.css file is corrupt. Instead of
> carriage-return, line-feed, a few of the lines have line-feed only. I think
&gt; this is confusing Internet Explorer. You can see the corruption by opening
> the file in something like Word.
&gt;
> If you correct the corrupt lines ("a:active", ".menu_2 td a:hover&quot;, ".menu_2
> td a:active&quot;) then it should start to work OK.
>
> Let me know if you need any help correcting this.
&gt;
> Rob.
>;
> -----Original Message-----
> From: 1stJavaScript%40yahoogroups.com">1stJavaScriptyahoogroups.com [mailto: 1stJavaScript%40yahoogroups.com">1stJavaScriptyahoogroups.com] On
> Behalf Of bill_canty
> Sent: 21 July 2007 20:37
&gt; To: 1stJavaScript%40yahoogroups.com">1stJavaScriptyahoogroups.com
> Subject: [1stJavaScript] New Member - CSS and/or JS Question
>
> Hi everybody,
>
> I'm a musician trying to do my own web site. I've had no formal training in
> anything to do with web design, so please be gentle with me! (If anyone has
> any questions about music I'll happily answer them...)
>
> Anyway, my question: I've got a group of 3 sub-links (is that what you call
>; them?) that use a javascript to show the contents of one <div>; at a time. I
> got the js somewhere on the net, put it in an external file and called it
> "showandhide.js". This might make more sense if you just have a look at my
> practice page at http://www.imaginablemusic.com/html/inner.htm The group of
> links I'm referring to are "Introduction&quot;, "For Healing Professionals" and
> "How to Buy".
>
> I've managed to get a change of colour happening with mouse rollovers, but I
> can't figure out how to make the active (current? whatever you call it...)
&gt; link change colour.
>
> Can anyone please help me? It'd probably help if I provide some code, so
> please just tell me what you need to see.
>;
>
> Thanks in advance, Bill

Bill, the attached file has the errors corrected.

Rob.

-----Original Message-----
From: 1stJavaScript%40yahoogroups.com">1stJavaScriptyahoogroups.com [mailto: 1stJavaScript%40yahoogroups.com">1stJavaScriptyahoogroups.com] On
Behalf Of Bill Canty
Sent: 23 July 2007 11:21
To: 1stJavaScript%40yahoogroups.com">1stJavaScriptyahoogroups.com
Subject: Re: [1stJavaScript] New Member - CSS and/or JS Question

Hey, thanks a lot Rob!

Wow, I had no idea the solution could be so simple. I've made all the files
in TextEdit on an old Mac, and it doesn't seem to have an option for making
carriage-returns and line-feeds visible.

I don't have Word on my PC - only Notepad and Wordpad. Would either of them
enable me to fix the css file?

Or, I suppose I could drag it over to my gf's PC...

Cheers, Bill

Atkinson, Robert wrote:
&gt; Bill - everything you've done looks fine. The 'link' formatting is
> controlled through your css.css file, as it should be.
>
> But....the internal formatting of the css.css file is corrupt. Instead
> of carriage-return, line-feed, a few of the lines have line-feed only.
> I think this is confusing Internet Explorer. You can see the
> corruption by opening the file in something like Word.
&gt;
> If you correct the corrupt lines ("a:active", ".menu_2 td a:hover&quot;,
> ".menu_2 td a:active&quot;) then it should start to work OK.
>
> Let me know if you need any help correcting this.
&gt;
> Rob.
>;
> -----Original Message-----
> From: 1stJavaScript%40yahoogroups.com">1stJavaScriptyahoogroups.com
> [mailto: 1stJavaScript%40yahoogroups.com">1stJavaScriptyahoogroups.com] On Behalf Of bill_canty
> Sent: 21 July 2007 20:37
&gt; To: 1stJavaScript%40yahoogroups.com">1stJavaScriptyahoogroups.com
> Subject: [1stJavaScript] New Member - CSS and/or JS Question
>
> Hi everybody,
>
> I'm a musician trying to do my own web site. I've had no formal
> training in anything to do with web design, so please be gentle with
> me! (If anyone has any questions about music I'll happily answer
> them...)
>
> Anyway, my question: I've got a group of 3 sub-links (is that what you
> call
>; them?) that use a javascript to show the contents of one <div>; at a
> time. I got the js somewhere on the net, put it in an external file
> and called it "showandhide.js". This might make more sense if you just
> have a look at my practice page at
> http://www.imaginablemusic.com/html/inner.htm The group of links I'm
> referring to are "Introduction&quot;, "For Healing Professionals" and "How to
Buy&quot;.
>;
> I've managed to get a change of colour happening with mouse rollovers,
> but I can't figure out how to make the active (current? whatever you
> call it...) link change colour.
>
> Can anyone please help me? It'd probably help if I provide some code,
> so please just tell me what you need to see.
>;
>
> Thanks in advance, Bill

For a quick response, your message should include,

- A copy of the code
- A copy of any error messages
- A description of what you're trying to achieve
- A description of what's actually happening
http://www.trans4mind.com/personal_development/HTMLGuide/index.html For HTML
http://www.trans4mind.com/personal_development/JavaScript/index.html For
JavaScript You can also download the JavaScript and HTML tutorials (Nearly
2.5 megabytes.) A 30 day version of jsEditor is available for free download
at http://www.trans4mind.com/personal_development/JavaScript/freeEditor.htm
--------------------------
FREE zip/unzip program:
http://www.trans4mind.com/personal_development/zipper/index.html
--------------------------OR go to and change your settings:
http://groups.yahoo.com/group/1stJavaScript/
List owner: 1stJavaScript-owner%40yahoogroups.com">1stJavaScript-owneryahoogroups.com

://groups.yahoo.com/group/1stJavaScript/
List owner: 1stJavaScript-owner%40yahoogroups.com">1stJavaScript-owneryahoogroups.com

Yahoo! Groups Links

***********************************************************************************
Any opinions expressed in email are those of the individual and not necessarily those of the company. This email and any files transmitted with it are confidential and solely for the use of the intended recipient
or entity to who they are addressed. It may contain material protected by attorney-client privilege. If you are not the intended recipient, or a person responsible for delivering to the intended recipient, be advised that you have received this email in error and that any use is strictly prohibited.

Random House Group + 44 (0) 20 7840 8400
http://www.randomhouse.co.uk
http://www.booksattransworld.co.uk
http://www.kidsatrandomhouse.co.uk
Generic email address - enquiries%40randomhouse.co.uk">enquiriesrandomhouse.co.uk

Name & Registered Office:
THE RANDOM HOUSE GROUP LIMITED
20 VAUXHALL BRIDGE ROAD
LONDON
SW1V 2SA
Random House Group Ltd is registered in the United Kingdom with company No. 00954009, VAT number 102838980
***********************************************************************************

[Non-text portions of this message have been removed]

Thanks a lot Rob - that was VERY helpful.

At first I thought your edits hadn't fixed anything, cos in Mozilla
1.7.2 and Safari 2.0.4 on the Mac nothing had changed. BUT... in IE6 on
the PC, i.e. what 60% (?) of the world uses she all worked like a beaut!

I had a look at my files in Notepad, and there were little rectangles
instead of line-breaks. I'm guessing they're the Mac line-breaks that
Windows maybe doesn't like...?

Is this difference between Mac and PC line-breaks something I need to be
constantly careful about? Or was my problem just a freak accident?

Cheers, Bill

Atkinson, Robert wrote:
&gt; Bill, the attached file has the errors corrected.
>
> Rob.

> Hey, thanks a lot Rob!
>
> Wow, I had no idea the solution could be so simple. I've made all the files
&gt; in TextEdit on an old Mac, and it doesn't seem to have an option for making
&gt; carriage-returns and line-feeds visible.
>
> I don't have Word on my PC - only Notepad and Wordpad. Would either of them
>; enable me to fix the css file?
&gt;
> Or, I suppose I could drag it over to my gf's PC...

•  5
  New Members

• Computer programming languages
• Java programming language
• Javascript
• Basic programming language
• Programming languages

It's hard to say, without knowing a lot of other information, like...

- where did the file originate
- were the problems already in the file
- did you change it
- how did you change it
- were the only changes you made to the lines that went 'bad'
- how did you upload the file to your server
- etc, etc.

At least you now know what to look for, and can start to determine what's
causing the problem, if one really exists.

As far as file formats go, there shouldn't be any problems using your Mac, as
long as the record structure is constant all the way through - if you start
with a record terminator of CRLF, then you need to stick with it.

Pulling files over from Windows may cause a problem when you edit them, but
not knowing how Mac file structures work, I can't give you any hard
information.

Perhaps someone else in the group is using a Mac and can help Bill?

Rob.

-----Original Message-----
From: 1stJavaScript%40yahoogroups.com">1stJavaScriptyahoogroups.com [mailto: 1stJavaScript%40yahoogroups.com">1stJavaScriptyahoogroups.com] On
Behalf Of Bill Canty
Sent: 24 July 2007 17:15
To: 1stJavaScript%40yahoogroups.com">1stJavaScriptyahoogroups.com
Subject: [1stJavaScript] Mac/PC line-breaks (was: New Member - CSS and/or JS
Question)

Thanks a lot Rob - that was VERY helpful.

At first I thought your edits hadn't fixed anything, cos in Mozilla
1.7.2 and Safari 2.0.4 on the Mac nothing had changed. BUT... in IE6 on the
PC, i.e. what 60% (?) of the world uses she all worked like a beaut!

I had a look at my files in Notepad, and there were little rectangles instead
of line-breaks. I'm guessing they're the Mac line-breaks that Windows maybe
doesn't like...?

Is this difference between Mac and PC line-breaks something I need to be
constantly careful about? Or was my problem just a freak accident?

Cheers, Bill

Atkinson, Robert wrote:
&gt; Bill, the attached file has the errors corrected.
>
> Rob.

> Hey, thanks a lot Rob!
>
> Wow, I had no idea the solution could be so simple. I've made all the
> files in TextEdit on an old Mac, and it doesn't seem to have an option
> for making carriage-returns and line-feeds visible.
>
> I don't have Word on my PC - only Notepad and Wordpad. Would either of
> them enable me to fix the css file?
&gt;
> Or, I suppose I could drag it over to my gf's PC...

For a quick response, your message should include,

- A copy of the code
- A copy of any error messages
- A description of what you're trying to achieve
- A description of what's actually happening
http://www.trans4mind.com/personal_development/HTMLGuide/index.html For HTML
http://www.trans4mind.com/personal_development/JavaScript/index.html For
JavaScript You can also download the JavaScript and HTML tutorials (Nearly
2.5 megabytes.) A 30 day version of jsEditor is available for free download
at http://www.trans4mind.com/personal_development/JavaScript/freeEditor.htm
--------------------------
FREE zip/unzip program:
http://www.trans4mind.com/personal_development/zipper/index.html
--------------------------OR go to and change your settings:
http://groups.yahoo.com/group/1stJavaScript/
List owner: 1stJavaScript-owner%40yahoogroups.com">1stJavaScript-owneryahoogroups.com

://groups.yahoo.com/group/1stJavaScript/
List owner: 1stJavaScript-owner%40yahoogroups.com">1stJavaScript-owneryahoogroups.com

Yahoo! Groups Links

***********************************************************************************
Any opinions expressed in email are those of the individual and not necessarily those of the company. This email and any files transmitted with it are confidential and solely for the use of the intended recipient
or entity to who they are addressed. It may contain material protected by attorney-client privilege. If you are not the intended recipient, or a person responsible for delivering to the intended recipient, be advised that you have received this email in error and that any use is strictly prohibited.

Random House Group + 44 (0) 20 7840 8400
http://www.randomhouse.co.uk
http://www.booksattransworld.co.uk
http://www.kidsatrandomhouse.co.uk
Generic email address - enquiries%40randomhouse.co.uk">enquiriesrandomhouse.co.uk

Name & Registered Office:
THE RANDOM HOUSE GROUP LIMITED
20 VAUXHALL BRIDGE ROAD
LONDON
SW1V 2SA
Random House Group Ltd is registered in the United Kingdom with company No. 00954009, VAT number 102838980
***********************************************************************************