It sounds simply enough, but I can't seem to figure it out. I am using two CSS sheets that someone else wrote, I don't have the skills to do it myself.
This webpage is actually two melded together so the code is confusing...
<!-- m --><a class="postlink" href="http://www.guildshroud.com">http://www.guildshroud.com</a><!-- m -->
As you can see the links at the top are the correct color, but the links in the tan section are completely messed up and I can't figure out the way to fix them.
If you need information or parts of the code please post and I will attempt to fetch the information. There are two lines towards the middle and that's where the second section was pasted in.They look the same color to me:
A:link { color: #FFB019; font-weight: bold; }
A:active { color: #FFB019; font-weight: bold; }
A:visited { color: #FFB019; font-weight: bold; }
A:hover { color: white; font-weight: bold; }
Should swap order to:
A:link { color: #FFB019; font-weight: bold; }
A:visited { color: #FFB019; font-weight: bold; }
A:hover { color: white; font-weight: bold; }
A:active { color: #FFB019; font-weight: bold; }
You need to set up a class for the other links if you want them a different color.They look the same color to me:
A:link { color: #FFB019; font-weight: bold; }
A:active { color: #FFB019; font-weight: bold; }
A:visited { color: #FFB019; font-weight: bold; }
A:hover { color: white; font-weight: bold; }
Should swap order to:
A:link { color: #FFB019; font-weight: bold; }
A:visited { color: #FFB019; font-weight: bold; }
A:hover { color: white; font-weight: bold; }
A:active { color: #FFB019; font-weight: bold; }
Oh sorry, I want the colors in the tan section to be a different color then the links at the top.
Normal text - black
link - white
hovering over link - black
It's hard to read the links in the tan section on both Firefox and IE on my computer.<!-- m --><a class="postlink" href="http://guildshroud.com/webpage/header.css">http://guildshroud.com/webpage/header.css</a><!-- m -->
Is the css file that the second section came with.a simple solution to your problem
copy & paste in the <style> section:
A.black:link { color: #000; font-weight: bold; }
A.black:visited { color: #000; font-weight: bold; }
A.black:hover { color:#fff; font-weight: bold; }
A.black:active { color:#000; font-weight: bold; }
links to be black:
<A class="black" href=http://www.webdeveloper.com/forum/archive/index.php/"page.html">link text</a>That works, thanks.How would I go about changing the color of the words from white to black?
I tried...
span.fontwhite { font-family: Arial,Helvetica,Sans-Serif; color: #FFFFFF; font-size: 9pt; }
span.fontblack { font-family: Arial,Helvetica,Sans-Serif; color: #000000; font-size: 9pt; }
then...
<text class="fontblack"> words </text> but had no luck.
<span class="fontblack"> words </span> didn't work either.
-editted grammar errorslooks loads better.
you can change the colors to whatever you like or set up new .classes if you want even more different colors. use the same code as befor but change A.???:link {same stuff} etc
and change links to <a class="???">link text</a> etc
Forgot, just change the #hex colors in the code i gave you
This webpage is actually two melded together so the code is confusing...
<!-- m --><a class="postlink" href="http://www.guildshroud.com">http://www.guildshroud.com</a><!-- m -->
As you can see the links at the top are the correct color, but the links in the tan section are completely messed up and I can't figure out the way to fix them.
If you need information or parts of the code please post and I will attempt to fetch the information. There are two lines towards the middle and that's where the second section was pasted in.They look the same color to me:
A:link { color: #FFB019; font-weight: bold; }
A:active { color: #FFB019; font-weight: bold; }
A:visited { color: #FFB019; font-weight: bold; }
A:hover { color: white; font-weight: bold; }
Should swap order to:
A:link { color: #FFB019; font-weight: bold; }
A:visited { color: #FFB019; font-weight: bold; }
A:hover { color: white; font-weight: bold; }
A:active { color: #FFB019; font-weight: bold; }
You need to set up a class for the other links if you want them a different color.They look the same color to me:
A:link { color: #FFB019; font-weight: bold; }
A:active { color: #FFB019; font-weight: bold; }
A:visited { color: #FFB019; font-weight: bold; }
A:hover { color: white; font-weight: bold; }
Should swap order to:
A:link { color: #FFB019; font-weight: bold; }
A:visited { color: #FFB019; font-weight: bold; }
A:hover { color: white; font-weight: bold; }
A:active { color: #FFB019; font-weight: bold; }
Oh sorry, I want the colors in the tan section to be a different color then the links at the top.
Normal text - black
link - white
hovering over link - black
It's hard to read the links in the tan section on both Firefox and IE on my computer.<!-- m --><a class="postlink" href="http://guildshroud.com/webpage/header.css">http://guildshroud.com/webpage/header.css</a><!-- m -->
Is the css file that the second section came with.a simple solution to your problem
copy & paste in the <style> section:
A.black:link { color: #000; font-weight: bold; }
A.black:visited { color: #000; font-weight: bold; }
A.black:hover { color:#fff; font-weight: bold; }
A.black:active { color:#000; font-weight: bold; }
links to be black:
<A class="black" href=http://www.webdeveloper.com/forum/archive/index.php/"page.html">link text</a>That works, thanks.How would I go about changing the color of the words from white to black?
I tried...
span.fontwhite { font-family: Arial,Helvetica,Sans-Serif; color: #FFFFFF; font-size: 9pt; }
span.fontblack { font-family: Arial,Helvetica,Sans-Serif; color: #000000; font-size: 9pt; }
then...
<text class="fontblack"> words </text> but had no luck.
<span class="fontblack"> words </span> didn't work either.
-editted grammar errorslooks loads better.
you can change the colors to whatever you like or set up new .classes if you want even more different colors. use the same code as befor but change A.???:link {same stuff} etc
and change links to <a class="???">link text</a> etc
Forgot, just change the #hex colors in the code i gave you