Google Answers Logo
View Question
 
Q: Web Design HTML CSS troubleshooting ( Answered 5 out of 5 stars,   0 Comments )
Question  
Subject: Web Design HTML CSS troubleshooting
Category: Computers > Internet
Asked by: soma_bc-ga
List Price: $10.00
Posted: 02 Nov 2006 13:21 PST
Expires: 02 Dec 2006 13:21 PST
Question ID: 779511
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:		&copy;

You could replace the bullet points with this:		&middot;

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
Answer  
Subject: Re: Web Design HTML CSS troubleshooting
Answered By: answerfinder-ga on 03 Nov 2006 04:12 PST
Rated:5 out of 5 stars
 
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:		&copy;

You could replace the bullet points with this:		&middot;

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
soma_bc-ga rated this answer:5 out of 5 stars
Thanks

Comments  
There are no comments at this time.

Important Disclaimer: Answers and comments provided on Google Answers are general information, and are not intended to substitute for informed professional medical, psychiatric, psychological, tax, legal, investment, accounting, or other professional advice. Google does not endorse, and expressly disclaims liability for any product, manufacturer, distributor, service or service provider mentioned or any opinion expressed in answers or comments. Please read carefully the Google Answers Terms of Service.

If you feel that you have found inappropriate content, please let us know by emailing us at answers-support@google.com with the question ID listed above. Thank you.
Search Google Answers for
Google Answers  


Google Home - Answers FAQ - Terms of Service - Privacy Policy