PDA

View Full Version : need a little help with random link color


djbutter22
10-21-2009, 03:17 PM
ok I seem to have meesed something up I am using a css template and everything should be straightforward. I made some changes to a list on the page and now one of the links shows up blue when previewed.
Here is the code for the section. If you need to see the style sheet also let me know.
Thanks!!

<ul>
<li><a href="UT Auto Admissions 20111.pdf" class="style6"><strong>The University of Texas' Auto Admissions Policy (A must Read!!)</strong></a><a href="#"></a></li>
<li><span class="style6"><a href="http://www.cfisd.net/spanish/depts/health/swine-sp.htm">Espa&ntilde;ol</a></strong></span></li (http://www.cfisd.net/dept2/health/swine.htm)>
<li> <span class="style6"><a href="

d a v e
10-21-2009, 03:51 PM
link to the page is easiest. if not then full code (html and css)

djbutter22
10-21-2009, 04:14 PM
http://schools.cfisd.net/cylakes/salt+pepper/index.html
This should be it

djbutter22
10-21-2009, 06:26 PM
Here is CSS
body {
margin: 20px 0;
padding: 0;
background-color: #820A0B;
background-image: url(images/img1.gif);
background-repeat: repeat-y;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: small;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #FFFFFF;
}
h1, h2, h3 {
color: #FFFFFF;
}
h2 {
font-size: 1.6em;
}
h3 {
margin: 0;
font-size: 1em;
}
p, ul, ol, blockquote {
margin-top: 0;
}
a:link {
color: #FFFFFF;
}
a:hover {
text-decoration: none;
}
img {
border: thin groove #CCCCCC;
}
/* Header */
#header {
width: 700px;
height: 179px;
margin: 0 auto;
background-image: url(../images/Web_Banner%20copy.jpg);
background-repeat: no-repeat;
background-color: #820A0B;
border: thick double #CCCCCC;
}
#header * {
margin: 0;
text-decoration: none;
text-transform: lowercase;
font-weight: normal;
color: #FFFFFF;
}
#header h1 {
float: left;
padding: 20px 0 0 330px;
font-size: 3em;
}
#header h2 {
float: left;
padding: 20px 0 0 0;
font-size: 1em;
}
/* Menu */
#menu {
width: 700px;
height: 40px;
background-color: #820A0B;
background-image: url(../images/nav-red-bar.png);
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
height: 32px;
padding: 9px 20px 0 20px;
text-decoration: none;
color: #CCCCCC;
}
#menu a:hover, #menu .active a {
color: #FFFFFF;
background-image: url(../images/nav-red-bar.png);
}
/* Content */
#content {
width: 700px;
margin: 0 auto;
background-image: url(../images/nav-red-bar.png);
}
#colOne {
float: left;
width: 160px;
padding: 20px 10px 0 10px;
background-image: url(../images/Red-Black_Bar.png);
}
#colTwo {
float: left;
width: 360px;
padding: 20px 10px 0 10px;
background-image: none;
background-repeat: no-repeat;
background-color: #820A0B;
}
#colThree {
float: left;
width: 120px;
padding: 10px;
background-image: url(../images/Red-Black_Bar.png);
}
/* Footer */
#footer {
width: 700px;
margin: 0 auto;
padding: 10px 0;
background: url(images/img6.gif) repeat-x;
font-size: smaller;
}
#footer * {
color: #000000;
}

d a v e
10-21-2009, 07:49 PM
no blue links for me in firefox - only changing to the default visited purple afterwards

djbutter22
10-21-2009, 08:57 PM
Yeah the purple is what I meant. I don't have it set to change colors for visited links. At least when i click page properties I don't

DWcourse
10-21-2009, 09:01 PM
By default, visited links will appear purple unless you create a custom a:visited CSS style.

djbutter22
10-21-2009, 09:17 PM
uh oh newbie alert! after a:visted what would I put for white?
I'll take a stab at it here a:visited
color: #ffffff;

djbutter22
10-21-2009, 09:25 PM
SWWEEEEEETTTT1 Lock this thread because I'm done! Thanks guys for your help