• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 325
  • Last Modified:

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_preloadImages.arguments; for(i=0; i<a.length; i++)
    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=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --><!-- TemplateParam name="OptionalRegion1" type="boolean" value="true" -->
</head>

<body onload="MM_preloadImages('../Top Navigation Bar/Button Slices Green White/Gallery-Button-Green.jpg','../Top Navigation Bar/Button Slices Green White/About-Us-Button-Green.jpg','../Top Navigation Bar/Button Slices Green White/Home-Button-Green.jpg','../Top Navigation Bar/Button Slices Green White/Treehouses-Button-Green.jpg','../Top Navigation Bar/Button Slices Green White/Guest-Book-Button-Green.jpg','../Top Navigation Bar/Button Slices Green White/Find-Us-Button-Green.jpg','../Top Navigation Bar/Button Slices Green White/Accommodation-Button-Green.jpg')">
<center>
0
helenwhitaker
Asked:
helenwhitaker
  • 11
  • 7
  • 5
1 Solution
 
Jason C. LevineNo oneCommented:
Hi helenwhitaker,

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...
0
 
helenwhitakerAuthor Commented:
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.co.uk
0
 
Jason C. LevineNo oneCommented:
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>
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
helenwhitakerAuthor Commented:
Are you looking at a template?
I cannot find this repeat on the template
0
 
helenwhitakerAuthor Commented:
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?
0
 
fuzzboxerCommented:
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,Helvetica,sans-serif;
font-size:10px;
font-style:normal;
font-variant:normal;
font-weight:normal;
}
0
 
helenwhitakerAuthor Commented:
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

0
 
fuzzboxerCommented:
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.
0
 
helenwhitakerAuthor Commented:
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?
0
 
fuzzboxerCommented:
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
0
 
helenwhitakerAuthor Commented:
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?
0
 
fuzzboxerCommented:
If you want the headings to look different than the rest of the paragraph, you need to either apply a heading tag, or span.  I'd recommend using headings (h1, h2, h3, etc).  Then in your CSS, you can style it however you want.

For ex:
h1{
font-size:14px;
text-decoration:underline;
}
0
 
helenwhitakerAuthor Commented:
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

0
 
Jason C. LevineNo oneCommented:
Good job fuzz.  That's what I get for sleeping :)
0
 
fuzzboxerCommented:
Hey, we all gotta sleep sometime.

helen, that looks much better in IE.  Good job.
0
 
Jason C. LevineNo oneCommented:
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.
0
 
helenwhitakerAuthor Commented:
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?

0
 
Jason C. LevineNo oneCommented:
Do the rename from within Dreamweaver and it should prompt you to check all files for links and correct them.
0
 
helenwhitakerAuthor Commented:
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


0
 
Jason C. LevineNo oneCommented:
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.
0
 
helenwhitakerAuthor Commented:
OK - what shall I do to kill this open one off?
Thanks again, your tip was a real lifesaver.... (as it turns out).
0
 
Jason C. LevineNo oneCommented:
Nothing.  This new "discussion" feature just stays open for a while.  You "closed" the question officially when you awarded points.
0
 
helenwhitakerAuthor Commented:
OK... just finished uploading the finished files.... I'm happy and I'm going to get some sleep. Bye
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

  • 11
  • 7
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now