[website-critique] Re: CSS classes problem...I changed the color of a unvisited link...

  • From: "Peter" <lists@xxxxxxxxxxxxxxxxxxx>
  • To: <websitecritique@xxxxxxxxxxxxx>
  • Date: Mon, 10 Dec 2001 13:12:20 -0500

You can add this to the original CSS:

td.nav {
   background-color: blue;
}
a.nav, a.nav:link, a.nav:active {
   font-size: 10pt;
   color: white;
}
a.nav:hover {
   font-size: 10pt;
   color: white;
}

~~~~~~~~~~~
Peter

-----Original Message-----
From: websitecritique-bounce@xxxxxxxxxxxxx
[mailto:websitecritique-bounce@xxxxxxxxxxxxx]On Behalf Of David Bruce Jr
Sent: Monday, December 10, 2001 12:26 PM
To: websitecritique@xxxxxxxxxxxxx
Subject: [website-critique] CSS classes problem...I changed the color of
a unvisited link...


Ok, here's the problem.
I'm making a site with a blue background in a table on the left
the body background is white.

I changed the linked CSS style sheet so that an unvisited link
displays as white against the blue part of the screen.
Now the links in the white part of the background are invisible...

I *think* I need to specify a sub class of visited and unvisited links
in my main.css stylesheet and I don't know for sure how to do this.

Here is my main.css stylesheet:

/* <!-------------------------------------------->
   <!-------------------------------------------->
   <!--     Mailserverhosting                  -->
   <!--       http://www.mailserverhosting.com -->
   <!--        (C) Copyright 2000-2001         -->
   <!-------------------------------------------->
   <!--------------------------------------------> */



h1 {
 color: navy;
 font-family: arial, helvetica, sans-serif;
 font-size: 14pt;
 font-weight: 900
 text-align: left;

}

h2 {
 color: navy;
 font-family: arial, helvetica, sans serif;
 font-size: 12pt;
 font-weight: 700
 text-align: left;

 }

p {
 font-family: arial, helvetica, sans serif;
 font-size: 10pt;
 text-align: left;
 margin-left: 5pt;
}

li {
 font-family: arial, helvetica, sans serif;
 font-size: 10pt;
 text-align: left;

}


A:link {
 COLOR: #FFFFFF;
 TEXT-DECORATION: underline;
}
A:visited {
 COLOR: #FFFF00;
 TEXT-DECORATION: underline;
}
A:hover {
 COLOR: #800000;
 TEXT-DECORATION: underline;
 BACKGROUND-COLOR: yellow;
}





/* <!-------------------------------------------->
   <!-------------------------------------------->
   <!--     Mailserverhosting                  -->
   <!--       http://www.mailserverhosting.com -->
   <!--        (C) Copyright 2000-2001         -->
   <!-------------------------------------------->
   <!--------------------------------------------> */

thanks
David Bruce Jr.
Administrator
http://www.heftyhosting.com




Please Forward This Email to a Friend

~~~~~~~~~~~~~~~~~~~~~~
List Info:
http://www.freelists.org/cgi-bin/webpage?webpage_id=websitecritique
~~~~~~~~~~~~~~~~~~~~~~


Please Forward This Email to a Friend 

~~~~~~~~~~~~~~~~~~~~~~
List Info: http://www.freelists.org/cgi-bin/webpage?webpage_id=websitecritique 
~~~~~~~~~~~~~~~~~~~~~~

Other related posts: