Tweet
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
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
Comment