helenwhitaker
asked on
I have a problem with text displaying a different size in IE that in Fiorefox. I suspect it is to do with code
Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Teniqua Treetops - Eco friendly, unique self catering tented tree houses - Sedgefield, near Knysna, Garden Route, South Africa</title>
<meta name="description" content="Individual environmentally responsible holiday accommodation in pristine, indigenous Knysna Forest, overlooking the Karatara River Gorge and with views to the majestic Outeniqua Mountains, on the Garden Route, Western Cape, South Africa" />
<meta name="author" content="Helen Whitaker" />
<meta name="owner" content="Psolutions Unlimited and Teniqua Treetops" />
<meta name="copyright" content="(c) 2007 Psolutions Unlimited / Helen Whitaker" />
<meta name="town" content="Sedgefield, Knysna George, Garden Route" />
<meta name="state" content="Western Cape, Garden Route, west cape, garden route, Western Cape" />
<meta name="country" content="South Africa, south, africa, SA, ZA, SOUTH, AFRICA, zuid afrika, südafrika" />
<meta name="rating" content="general" />
<meta name="robots" content="all" />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="4 days" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Teniqua Treetops - Eco friendly, unique self catering tented tree houses - Sedgefield, near Knysna, Garden Route, South Africa</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
color: #003333;
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-variant: normal;
background-color: #003333;
}
.style2 {
color: #FFCC00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-left: 12px;
margin-top: 12px;
font-style: normal;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FF9900;
font-weight: bold;
}
a:visited {
color: #FF9900;
text-decoration: none;
}
a:hover {
color: #CC0000;
text-decoration: none;
}
a:active {
color: #FF9900;
text-decoration: none;
}
a:link {
text-decoration: none;
}
.style4 {
font-size: 12px
color: #009966
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_pre
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&p
d=parent.frames[n.substrin
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;
for(i=0;!x&&d.layers&&i<d.
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arg
if ((x=MM_findObj(a[i]))!=nul
}
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"
}
//-->
</script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --><!-- TemplateParam name="OptionalRegion1" type="boolean" value="true" -->
</head>
<body onload="MM_preloadImages('
<center>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Teniqua Treetops - Eco friendly, unique self catering tented tree houses - Sedgefield, near Knysna, Garden Route, South Africa</title>
<meta name="description" content="Individual environmentally responsible holiday accommodation in pristine, indigenous Knysna Forest, overlooking the Karatara River Gorge and with views to the majestic Outeniqua Mountains, on the Garden Route, Western Cape, South Africa" />
<meta name="author" content="Helen Whitaker" />
<meta name="owner" content="Psolutions Unlimited and Teniqua Treetops" />
<meta name="copyright" content="(c) 2007 Psolutions Unlimited / Helen Whitaker" />
<meta name="town" content="Sedgefield, Knysna George, Garden Route" />
<meta name="state" content="Western Cape, Garden Route, west cape, garden route, Western Cape" />
<meta name="country" content="South Africa, south, africa, SA, ZA, SOUTH, AFRICA, zuid afrika, südafrika" />
<meta name="rating" content="general" />
<meta name="robots" content="all" />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="4 days" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Teniqua Treetops - Eco friendly, unique self catering tented tree houses - Sedgefield, near Knysna, Garden Route, South Africa</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
color: #003333;
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-variant: normal;
background-color: #003333;
}
.style2 {
color: #FFCC00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-left: 12px;
margin-top: 12px;
font-style: normal;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FF9900;
font-weight: bold;
}
a:visited {
color: #FF9900;
text-decoration: none;
}
a:hover {
color: #CC0000;
text-decoration: none;
}
a:active {
color: #FF9900;
text-decoration: none;
}
a:link {
text-decoration: none;
}
.style4 {
font-size: 12px
color: #009966
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_pre
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&p
d=parent.frames[n.substrin
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;
for(i=0;!x&&d.layers&&i<d.
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arg
if ((x=MM_findObj(a[i]))!=nul
}
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"
}
//-->
</script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --><!-- TemplateParam name="OptionalRegion1" type="boolean" value="true" -->
</head>
<body onload="MM_preloadImages('
<center>
ASKER
Hi Jason,
Thanks so much for your reply. I'll happily give you a link.... the site is in a test section.
This project is very dear to my heart and I have learned a lot doing it, but just wish there was a way that I could learn more. Sadly, what I don't know leaves me in a difficult spot.....
Here's the link:
www.teniquatreetops.co.za/test/
The site is built from 6 templates - they're all in a folder.
I look forward to hearing back, and once again, thanks.
Best wishes,
Helen Whitaker
helen@psolutions-unlimited
Thanks so much for your reply. I'll happily give you a link.... the site is in a test section.
This project is very dear to my heart and I have learned a lot doing it, but just wish there was a way that I could learn more. Sadly, what I don't know leaves me in a difficult spot.....
Here's the link:
www.teniquatreetops.co.za/test/
The site is built from 6 templates - they're all in a folder.
I look forward to hearing back, and once again, thanks.
Best wishes,
Helen Whitaker
helen@psolutions-unlimited
Okay, now I see it.
You have two style tags in the documents I looked at. One has styles defined, including the font size. The other tag is empty.
Look for and delete this code block:
<style type="text/css">
<!--
-->
</style>
You have two style tags in the documents I looked at. One has styles defined, including the font size. The other tag is empty.
Look for and delete this code block:
<style type="text/css">
<!--
-->
</style>
ASKER
Are you looking at a template?
I cannot find this repeat on the template
I cannot find this repeat on the template
ASKER
I've tried taking that code out of the page AboutUs.com, saved and uploaded and viewed in IE and I am sad to say, there is no difference...
I have a hunch that IE is interpreting the CSS for the 'body' as a headline, thus making the text big....
Could this be?
I have a hunch that IE is interpreting the CSS for the 'body' as a headline, thus making the text big....
Could this be?
To me, it looks like IE isn't inheriting the font size from the body tag. You may want to get specific and add the paragraph tag (p) as another element defined with that style.
body, p {
color:#003333;
font-family:Verdana,Arial,
font-size:10px;
font-style:normal;
font-variant:normal;
font-weight:normal;
}
body, p {
color:#003333;
font-family:Verdana,Arial,
font-size:10px;
font-style:normal;
font-variant:normal;
font-weight:normal;
}
ASKER
Hi fuzzboxer,
Thank you, that certainly does the trick for the text in most places (ahem!)
BUT
how do I maintain the colour outside of the form-based template.
It was specified in the body tag before, but can't be now as it makes the text a solid block of colour.
Once removed, as it is now, the whole background disappears.
Can you help?
Thank you
Thank you, that certainly does the trick for the text in most places (ahem!)
BUT
how do I maintain the colour outside of the form-based template.
It was specified in the body tag before, but can't be now as it makes the text a solid block of colour.
Once removed, as it is now, the whole background disappears.
Can you help?
Thank you
If you want to control the look of your text in different sections, you need to declare classes.
p.redstyle{
color:#999;
}
<p class="redstyle">Hello World</p>
"Once removed, as it is now, the whole background disappears."
I'm not really sure what you mean by this. The background is still there.
p.redstyle{
color:#999;
}
<p class="redstyle">Hello World</p>
"Once removed, as it is now, the whole background disappears."
I'm not really sure what you mean by this. The background is still there.
ASKER
where do I declare the classes... eg. if I want the headings within the body copy to be bold and a different colour, where would I make that statement?
Do I need to apply the class at each instance manually?
Do I need to apply the class at each instance manually?
In most cases, you make the CSS declarations in your style sheet (CSS file). However, in your case you have inline styles.
Look for this line in your page: <style type="text/css">
If you aren't familar with CSS, I suggest looking at this tutorial: http://www.w3schools.com/css/default.asp
Look for this line in your page: <style type="text/css">
If you aren't familar with CSS, I suggest looking at this tutorial: http://www.w3schools.com/css/default.asp
ASKER
OK, no time right now for a tutorial....
but thanks for the link. I'll do it later.
So, basically, I need to make styles within the body that overide the inline styles.
Is that what you're saying?
but thanks for the link. I'll do it later.
So, basically, I need to make styles within the body that overide the inline styles.
Is that what you're saying?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thank you fuzzboxer. All done and up there now
here's a page link looking good with your assistance.
http://www.teniquatreetops.co.za/test/AboutUs.html
here's a page link looking good with your assistance.
http://www.teniquatreetops.co.za/test/AboutUs.html
Good job fuzz. That's what I get for sleeping :)
Hey, we all gotta sleep sometime.
helen, that looks much better in IE. Good job.
helen, that looks much better in IE. Good job.
Helen, just one unrelated suggestion.
Your web server is case sensitive and doesn't see Index.html when you go to:
http://www.teniquatreetops.co.za/test/
You really ought to name that file index.html (lowercase i) as that will be a little problematic as people to link to you.
Your web server is case sensitive and doesn't see Index.html when you go to:
http://www.teniquatreetops.co.za/test/
You really ought to name that file index.html (lowercase i) as that will be a little problematic as people to link to you.
ASKER
Thanks for the compliment fuzz, and yeah, we all need to sleep sometimes.
Thanks for the tip re the index page. I'd never have known. Is there an easy way to update all the site links once I've renamed the file?
Thanks for the tip re the index page. I'd never have known. Is there an easy way to update all the site links once I've renamed the file?
Do the rename from within Dreamweaver and it should prompt you to check all files for links and correct them.
ASKER
As I sent the comment, I realised that it was a bit silly, becuase I already know that. All done now and up on the server.
I do have another question:
Can you help with some code (php, I think), to make the form on the same web site return results to a specified email address?
The page is called GuestBook.html and there is a ThankYou.html page that is delivered to the visitor once they've completed and submitted the form.
Thanks
I do have another question:
Can you help with some code (php, I think), to make the form on the same web site return results to a specified email address?
The page is called GuestBook.html and there is a ThankYou.html page that is delivered to the visitor once they've completed and submitted the form.
Thanks
Hi Helen,
I tossed out the index thing as an FYI, but if you are having a real separate problem with PHP, please post it as a new question and let Experts earn their points.
I tossed out the index thing as an FYI, but if you are having a real separate problem with PHP, please post it as a new question and let Experts earn their points.
ASKER
OK - what shall I do to kill this open one off?
Thanks again, your tip was a real lifesaver.... (as it turns out).
Thanks again, your tip was a real lifesaver.... (as it turns out).
Nothing. This new "discussion" feature just stays open for a while. You "closed" the question officially when you awarded points.
ASKER
OK... just finished uploading the finished files.... I'm happy and I'm going to get some sleep. Bye
Unless you let us look at entire page code, I have no idea what text is larger or not. Instead of posting it, you may just want to include a link...