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

A. tags in CSS not responding

I am wrapping up designing a web page, and ran into an odd issue.  I am using the CSS to define link styles and up until tonight, they worked as designed - active, hover, visited and link all were consistent with their written styles in the CSS.  This evening, I updated the DHTML menu (created by Open Cube Infinite Menus) to add an extra link and suddenly, the styles don't seem to apply.

here's the page:  http://www.consultancellc.com/index-test1.html

Here is the CSS:
body  {background:#cccccc; font-family:Arial, Helvetica, sans-serif; color:#000000}

.maintext   {font-family:arial,helvetica,geneva,sans-serif; color:#000000; font-size:9pt}
P                  {font-family: arial,helvetica,geneva,sans-serif; color: #000000; font-size: 9pt;}

.header1      {font-family: arial,helvetica; color: #00853e; font-size: 14pt; font-weight:bold; }
.header2      {font-family: arial,helvetica; color: #00853e; font-size: 12pt; font-weight:bold; }
a.header2:active      {font-family: arial,helvetica; color: #00853e; font-size: 12pt; font-weight:bold; text-decoration:none }
a.header2:hover      {font-family: arial,helvetica; color: #002d56; font-size: 12pt; font-weight:bold; text-decoration:none }
a.header2:visited      {font-family: arial,helvetica; color: #00853e; font-size: 12pt; font-weight:bold; text-decoration:none }
a.header2:link      {font-family: arial,helvetica; color: #00853e; font-size: 12pt; font-weight:bold; text-decoration:none }
.header3      {font-family: arial,helvetica; color: #002d56; font-size: 10pt; font-weight:bold; }
a.header3:active      {font-family: arial,helvetica; color: #002d56; font-size: 10pt; font-weight:bold; text-decoration:none }
a.header3:hover      {font-family: arial,helvetica; color: #00853e; font-size: 10pt; font-weight:bold; text-decoration:none }
a.header3:visited      {font-family: arial,helvetica; color: #002d56; font-size: 10pt; font-weight:bold; text-decoration:none }
a.header3:link      {font-family: arial,helvetica; color: #002d56; font-size: 10pt; font-weight:bold; text-decoration:none }
.header4      {font-family: arial,helvetica; color: #000000; font-size: 10pt; font-weight:bold; }

.homepagecal {font:Arial, Helvetica, sans-serif; font-size:10px; color:#002d56; font-weight:bold; }
a.homepagecal:active {color:#00853e; font-weight:bold; text-decoration:none; padding-left:10px;}
a.homepagecal:hover {color:#002d56; font-weight:bold;  text-decoration:none; padding-left:10px;}
a.homepagecal:visited {color:#00853e; font-weight:bold;  text-decoration:none; padding-left:10px;}
a.homepagecal:link {color:#00853e; font-weight:bold;  text-decoration:none; padding-left:10px;}

.homepagesec1 {font:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:normal; }
.homepagesec1hdr {font:Arial, Helvetica, sans-serif; font-size:13px; color:#002d56; font-weight:bold; }
a.homepagesec1:active {color:#00853e; font-weight:normal; text-decoration:none; }
a.homepagesec1:hover {color:#002d56; font-weight:normal;  text-decoration:none; }
a.homepagesec1:visited {color:#00853e; font-weight:normal;  text-decoration:none; }
a.homepagesec1:link {color:#00853e; font-weight:normal;  text-decoration:none; }

.homepagesec2 {font:Arial, Helvetica, sans-serif; font-size:10px; color:#002d56; font-weight:normal; }
.homepagesec2hdr {font:Arial, Helvetica, sans-serif; font-size:12px; color:#002d56; font-weight:normal; }
a.homepagesec2:active {color:#00853e; font-weight:normal; text-decoration:none; padding-top:3px; }
a.homepagesec2:hover {color:#002d56; font-weight:normal;  text-decoration:none; padding-top:3px; }
a.homepagesec2:visited {color:#00853e; font-weight:normal;  text-decoration:none; padding-top:3px; }
a.homepagesec2:link {color:#00853e; font-weight:normal;  text-decoration:none; padding-top:3px; }

.bottomnav1 {font:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:bold; }
a.bottomnav1:active {color:#ffffff; font-weight:bold; text-decoration:none; }
a.bottomnav1:hover {color:#ffffff; font-weight:bold;  text-decoration:underline; }
a.bottomnav1:visited {color:#ffffff; font-weight:bold;  text-decoration:none; }
a.bottomnav1:link {color:#ffffff; font-weight:bold;  text-decoration:none; }

.services   {font-family:arial,helvetica,geneva,sans-serif; color:#000000; font-size:9pt}
a.services:active   {font-family:arial,helvetica,geneva,sans-serif; color:#000000; font-size:9pt; text-decoration:none; }
a.services:hover   {font-family:arial,helvetica,geneva,sans-serif; color:#00853e; font-size:9pt; text-decoration:none; }
a.services:visited   {font-family:arial,helvetica,geneva,sans-serif; font-size:9pt; text-decoration:none; }
a.services:link   {font-family:arial,helvetica,geneva,sans-serif; color:#000000; font-size:9pt; text-decoration:none; }

.footertext1 {font:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; font-weight:normal; }

.contactheader    {font:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; font-weight:normal; padding-top:6px; padding-left:6px; }
.contacttext    {font:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; font-weight:normal; padding-left:6px; }
a.contacttext:link    {font:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; font-weight:normal;  text-decoration:none; padding-left:6px; }
a.contacttext:active   {font:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; font-weight:normal;  text-decoration:none; padding-left:6px;}
a.contacttext:hover    {font:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; font-weight:normal;  text-decoration:underline; padding-left:6px;}
a.contacttext:visited    {font:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; font-weight:normal;  text-decoration:none; padding-left:6px;}

.missionheader    {font:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; font-weight:400; }
.missiontext    {font:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-weight:normal;}


td img {display: block;}

.style2 {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
}

Info:  I am using Dreamweaver 8 to design in and the problem appears in both IE and Firefox.

The styles in question - bottomnav1 (links at the bottom in green - should underline when hovered) and homepagesec2 (green text in main content section, should change to blue when hovered) - don't react as set in the CSS.  The weird part is that the contacttext link on the left side (under the contact information) works fine.

I have been starring at this for the better part of two hours.  I know it is something simple with the code, but buggered if I can see it.  Help!
0
chipsterva69
Asked:
chipsterva69
  • 2
  • 2
1 Solution
 
paulp75Commented:
works well in ie6. not in firefox. looking at it now.
0
 
chipsterva69Author Commented:
i'll have to check an older computer tomorrow - both of the machines i am using now have IE7 on them.
0
 
paulp75Commented:
change a.homepagesec2:link to a.homepagesec2
and
a.homepagesec1:link to a.homepagesec1

0
 
chipsterva69Author Commented:
I knew it had to be something simple - thanks for the timely answer!
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now