Web Analytics Made Easy -
StatCounter Please Help with External Style Sheet and CF include - CodingForum

Announcement

Collapse
No announcement yet.

Please Help with External Style Sheet and CF include

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Please Help with External Style Sheet and CF include

    Hello,

    I can't seem to figure out why my style sheet is not working. I have a cold fusion page and a naviation menu at the bottom. The Nav menu is a CF Include, which has styles incorporated to it. If I copy and paste the styles to the header of the main page it load properly, but if I put it in a external style sheet it doesn't work.

    Here is my external CSS code:
    * {
    margin: 0 auto;
    padding: 0;
    }
    .pagenumber {
    background-color:##FFEFD5;
    color:##300000;
    font: italic bold 14px arial;
    text-align:center;
    width: 120px;}
    .pageproduct {
    font: bold 0.8em "Times New Roman", Times, serif;
    color:##300000;
    background-color:##280000;
    text-align:center;
    width: 120px;
    }

    .categoryname {
    background-color:##404040;
    font: italic bold 13px arial;
    color:##404040;
    text-align:center;
    width: 120px;}
    .categoryproduct {
    background-color:##FFEFD5;
    font: bold 0.8em "Times New Roman", Times, serif;
    text-align:center;
    color:##404040;
    width: 120px;
    }

    a.one:link {color: ##E6E6FA;
    text-decoration:none
    }
    a.one:visited {color: ##E6E6FA;
    text-decoration:none
    }
    a.one:hover {color: ##E6E6FA;}

    a.two:link {color: ##2F4F4F;
    text-decoration:none
    }
    a.two:visited {color: ##2F4F4F;
    text-decoration:none
    }
    a.two:hover {color: ##2F4F4F;}
    a.three:link {color: ##CCFFCC ;
    text-decoration:none
    }
    a.three:visited {color: ##CCFFCC ;
    text-decoration:none
    }
    a.three:hover {color: ##CCFFCC ;}
    a.four:link {color: ##300000;
    text-decoration:none
    }
    a.four:visited {color: ##300000;
    text-decoration:none
    }
    a.four:hover {color: ##ff0000;}
    .style2 {font-size: 36px}




    Here is my header in my main page:

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <TITLE>Blah Blah</TITLE>
    <META NAME="Blah Blah Blah.">
    <META NAME="Keywords" CONTENT="Blah Blah">

    <link rel="stylesheet" type="text/css" media="screen" href="nav.css" />

    <style type="text/css">
    <!--

    .style23 {
    font-size: 28px;
    }
    .style24 {color: ##000000}
    .style28 {
    font-size: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    .style31 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    }
    .style34 {
    color: ##000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    }
    .style35 {font-family: Verdana, Arial, Helvetica, sans-serif}
    .style37 {
    font-weight: bold;
    font-size: 14px;
    color: ##000000;
    }
    .style40 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
    .style41 {
    font-size: 10px;
    color: ##0066FF;
    }
    .style42 {color: ##FF0000}
    .style46 {font-size: 16px}
    .style48 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: ##0066FF;
    font-weight: bold;
    }
    .style49 {font-size: 14px}
    -->
    </style>

    </head>



    Here is the cfinclude page for the Navigation is in the same folder as the nav.css and the main cf page:


    Any help or ideas would be greatly appreciated.

    Thanks,
    Rich

  • #2
    I don't know about CF, but looks like a path issue.

    Please see if you find this article useful.
    http://www.coldfusionmuse.com/index....61BEA3C00CC076
    Blog Charity:Water
    WhatisWrongWith.me/tagnu - Send me anonymous feedback.

    Comment

    Working...
    X