Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Problem with CSS...

    Hello

    I have this problem with a webpage I am doing. I have finished the CSS but the webpage looks exactly right in Firefox but different in IE. Its only the site navigation that's different (font not same, font colour not same). The rest of the site is the same in IE and in Firefox.

    I could upload both pages (IE and Firefox) to my webserver so someone could have a look to see the difference and also the CSS if someone wants to view it.

    I need to know if I am allowed to do this on this forum or not.

    Thanks
    d3st1net1cs

  • #2
    Senior Coder whizard's Avatar
    Join Date
    Jan 2005
    Location
    Philadelphia, PA, USA
    Posts
    1,662
    Thanks
    14
    Thanked 76 Times in 76 Posts
    Yes you are

    Dan
    PHP Tip: If you want to use short tags (<? or <?=$var) then make sure short_open_tag is set to "1". It really helps.

    Don't forget to save everyone time and mark your thread as Resolved :)

    "Also note that it is your responsibility to die() if necessary."

    DON'T USE THE MYSQL_ EXTENSION

  • #3
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Here it is...

    I have managed to upload the webpage to my server:

    http://www.destinetics.com/munkee/index.html As you can see the site navigation styles aren't working in IE.

    For anyone with Firefox, you can see the difference... (Firefox view is nicer). Let me see if I can post the css for you all...

    Thanks in advance
    d3st1net1cs


    Code:
    .headline             {color: #3366FF; font-size: 59px; font-weight: normal; font-family: Verdana, Arial, Helvetica;}
    a:hover.headline      {color: #000000; font-size: 59px; font-weight: normal; font-family: Verdana, Arial, Helvetica;}
    
    .top                  {color: #000099; text-decoration: none; font-size: 13px; font-weight: normal; font-family: Arial, Sans-serif;}
    a:link.top            {color: #000099; text-decoration: none; font-size: 13px; font-weight: normal; font-family: Arial, Sans-serif;}
    a:visited.top         {color: #CC0000; text-decoration: none; font-size: 13px; font-weight: normal; font-family: Arial, Sans-serif;}
    a:hover.top           {color: #000099; text-decoration: none; font-size: 13px; font-weight: normal; font-family: Arial, Sans-serif;}
    
    .bodylinks            {color: #000099; text-decoration: none; font-size: 15px; font-weight: normal; font-family: Arial, Sans-serif;}
    a:link.bodylinks      {color: #000099; text-decoration: none; font-size: 15px; font-weight: normal; font-family: Arial, Sans-serif;}
    a:visited.bodylinks   {color: #CC0000; text-decoration: none; font-size: 15px; font-weight: normal; font-family: Arial, Sans-serif;}
    a:hover.bodylinks     {color: #000099; text-decoration: none; font-size: 15px; font-weight: normal; font-family: Arial, Sans-serif;}
    
    .navleft              {color: #000099; text-decoration: none; font-size: 15px; font-weight: normal; font-family: Arial, Sans-serif;}
    a:link.navleft        {color: #000099; text-decoration: none; font-size: 13px; font-weight: normal; font-family: Arial, Sans-serif;}
    a:visited.navleft     {color: #CC0000; text-decoration: none; font-size: 13px; font-weight: normal; font-family: Arial, Sans-serif;}
    a:hover.navleft       {color: #000099; text-decoration: underline; font-size: 13px; font-weight: bold; font-family: Arial, Sans-serif;}
    
    .date                 {color: #000000; font-size: 9pt; text-align: right; padding: 1px; font-weight: normal; font-family: Arial, Sans-serif;}
    
    .masthead2            {color: #000000; background: orange; font-family : Arial, Sans-serif; font-size : 10px; font-weight: normal; text-align: center; padding: 1px;}
    
    .navheadleft          {color: #FFFFFF; background: green; font-family: Arial, Sans-serif; font-size: 12px; font-weight: normal; text-align: center;}
    
    .portalHeadline       {color: #000000;  font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 16px; font-weight: normal;}
    
    .lead                 {color: #996600; font-size: 13px; font-family : Verdana, Geneva, Helvetica; font-weight: normal;}
    
    BODY, P, TD, TH, UL, OL, LI, DL, DT, DD   {font-size: 12px; font-family: Verdana, Arial, Helvetica, Sans-serif; color: black;}
    
    .updated              {color: #FFFF00; text-decoration: blink; font-size: 10px; font-family: Arial, Sans-serif; font-weight: normal;}
    .bodyupdated          {color: #3366FF; text-decoration: blink; font-size: 13px; font-family: Arial, Sans-serif; font-weight: normal;}

  • #4
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It seems no-one knows the problem

  • #5
    Senior Coder whizard's Avatar
    Join Date
    Jan 2005
    Location
    Philadelphia, PA, USA
    Posts
    1,662
    Thanks
    14
    Thanked 76 Times in 76 Posts
    Internet Explorer doesn't support the

    Code:
    text-decoration:blink;
    declaration.

    Dan
    PHP Tip: If you want to use short tags (<? or <?=$var) then make sure short_open_tag is set to "1". It really helps.

    Don't forget to save everyone time and mark your thread as Resolved :)

    "Also note that it is your responsibility to die() if necessary."

    DON'T USE THE MYSQL_ EXTENSION


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •