Troubleshooting my website - http://www.newstarthighland.org 

It renders fine in Firefox (2.0) but with ie6 and ie7 there are errors
eg. symbols such as "Â" appear where they should not (see bottom of
page "©2006 New Start Highland"). This also affects bullet points on
http://www.newstarthighland.org/services.html and
http://www.newstarthighland.org/volunteer.html

Can anyone suggest a fix to add the source code to prevent this?
(Microsoft Expression Beta was used to create site)

---

Request for Question Clarification by sublime1-ga on 02 Nov 2006 15:17 PST

soma_bc...

I wonder if you'd consider using a different editor to edit
your pages. I'm told that Nvu works well at preserving special
characters across browser platforms:
http://www.nvu.com/index.php

Let me know where this takes you...

sublime1-ga

---

Clarification of Question by soma_bc-ga on 02 Nov 2006 16:55 PST

I looked at Nvu but I found expression easier to use, I liked its
splitscreen code / design function, Nvu couldn't render the page
properly in that mode? I will try opening it in nvu again though.

---

Clarification of Question by soma_bc-ga on 02 Nov 2006 17:01 PST

here is the source to the problem with the copyright symbol if it helps

<p><span class="style2">©</span>2006 New Start Highland</p>

Firefox shows the text properly, internet explorer however inserts a
foreign character before the copyright symbol. I can also provide the
CSS sheet if that would help?

---

Request for Question Clarification by answerfinder-ga on 03 Nov 2006 00:07 PST

Dear soma_bc-ga,

Try these solutions. But I do advise you to try and learn CSS as there
is a lot of unnecessary code on your pages, particularly the volunteer
page. This web site will help you with unusual characters.
http://www.alanwood.net/unicode/


Replace the copyright symbol with:		©

You could replace the bullet points with this:		·

But why not make it an LI as you have further above in the page?

<ul>
	<li><span class="style3">Furniture Service</span></li><br /><br />
	<li><span class="style3">Recycling Service</span></li><br /><br />
	<li><span class="style3">Providing Support to Tenants</span></li><br /><br />
	<li><span class="style3">New Start Highland Shop</span></li><br /><br />
</ul>	

A better way is this. Make the LI ?style 3?. You could include in the
?style 3?, padding which will remove the need for the breaking spaces.

.style3 {
	font-family: Verdana;
	padding: 0px 0px 18px 0px;
}

The 18px is the padding at the bottom of the line. Just change the
18px to the padding you need.


<ul>
	<li class="style3">Furniture Service</li
	<li class="style3">Recycling Service</li>
	<li class="style3">Providing Support to Tenants</li>
	<li class="style3">New Start Highland Shop</li>
</ul>

As for the Volunteer page. It?s not recognising your hypens. I think
in may be to do with either the class="MsoNormal" or the Arial font. A
get around is replace the hypen with:      &#45;

Let me know how you get on, and if it all works OK, I'll post it as an answer.


answerfinder-ga

Dear soma_bc-ga,

I have now tested my amendments in IE, Opera and Mozilla, and they all
work. I'll re-post my clarification above as an answer. Let me know if
you have any problems.

Try these solutions. But I do advise you to try and learn CSS as there
is a lot of unnecessary code on your pages, particularly the volunteer
page. This web site will help you with unusual characters.
http://www.alanwood.net/unicode/


Replace the copyright symbol with:		©

You could replace the bullet points with this:		·

But why not make it an <LI> as you have further above in your page?

<ul>
	<li><span class="style3">Furniture Service</span></li><br /><br />
	<li><span class="style3">Recycling Service</span></li><br /><br />
	<li><span class="style3">Providing Support to Tenants</span></li><br /><br />
	<li><span class="style3">New Start Highland Shop</span></li><br /><br />
</ul>	

A better way is this. Make the <LI> ?style 3?. You could include in the
?style 3?, padding which will remove the need for the breaking spaces.

.style3 {
	font-family: Verdana;
	padding: 0px 0px 18px 0px;
}

The 18px is the padding at the bottom of the line. Just change the
18px to the padding you need.


<ul>
	<li class="style3">Furniture Service</li
	<li class="style3">Recycling Service</li>
	<li class="style3">Providing Support to Tenants</li>
	<li class="style3">New Start Highland Shop</li>
</ul>

As for the Volunteer page. It?s not recognising your hypens. I think
in may be to do with either the class="MsoNormal" or the Arial font. A
get around is replace the hypen with:      &#45;
I suggest that you re-do the entire font for this page of text with CSS.
This site may help.
http://htmldog.com/

answerfinder-ga

Thanks