Changing Link Fonts From Pre-established Settings

Hello,

How can I change the link font on my website by using JavaScript? Below is the code, I am trying to change the color from white to a specific color of hue only I can't find the coding that alters the links. Is there a way I can do this through Dreamweaver, without altering the code directly? The site was initially set up by a friend, so I don't know what he did with the link fonts. If you could either tell me where I need to make the changes or please provide me with the code I need I would greatly appreciate it. Thanks!!

<!-- Beginning of JavaScript --------

function newImage(arg) {
      if (document.images) {
            rslt = new Image();
            rslt.src = arg;
            return rslt;
      }
}

function changeImages() {
      if (document.images && (preloadFlag == true)) {
            for (var i=0; i<changeImages.arguments.length; i+=2) {
                  document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
            }
      }
}


}
// -- End of JavaScript code -------------- -->
</SCRIPT>
<!-- Google Analytics -->

<!--
.style3 {font-size: 12px}
.style5 {color: #4AA5FF; font-size: 14px; }
.style7 {color: #4AA5FF; font-size: 14; }
.style16 {color: #FFFFFF; font-size: 12px; }
.style17 {color: #4AA5FF}
.style18 {font-size: 14px}
.style19 {color: #4AA5FF; font-size: 12px; }
-->
</style>
<style type="text/css">
<!--
.style20 {color: #4AA5FF}
-->
</style>
</HEAD>
<BODY bgColor=#000000 leftMargin=0 topMargin=0 onload=preloadImages();
MARGINheight="0" MARGINwidth="0"><!--  -->
<TABLE cellSpacing=0 cellPadding=0 width="115%" bgColor=#000000 border=0>
  <TBODY>
  <TR>
    <TD vAlign=top align=left width=4>&nbsp;</TD>
    <TD width="1208" align=right vAlign=center><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1100" height="175">
      <param name="movie" value="file:///C|/Documents%20and%20Settings/MedStudent/Desktop/Flash%20MX%202004/FrontierAidsHeaderWithInFo.swf">
      <param name="quality" value="high">
      <embed src="file:///C|/Documents%20and%20Settings/MedStudent/Desktop/Flash%20MX%202004/FrontierAidsHeaderWithInFo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1100" height="175"></embed>
    </object></TD>
  </TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="103%" border=0>
  <TBODY>
  <TR>
    <TD vAlign=top align=left width=155 bgColor=#000000>
      <TABLE cellSpacing=0 cellPadding=0 width=155 align=left border=0>
        <TBODY>
        <FORM action=file:///C|/Documents%20and%20Settings/MedStudent/Desktop/Flash%20MX%202004/chooseexhibit.php method=get><INPUT type=hidden value=2
        name=A><INPUT type=hidden value=2 name=I></FORM>
        <TR bgColor=#000000>
          <TD width="155">&nbsp;</TD></TR>
        <TR bgColor=#>
          <TD height=20 align=left vAlign=center bgcolor="#4AA5FF" class=cathead><div align="center">
            <p class="style18">Features</p>
            </div></TD>
        </TR>
        <TR bgColor=#000000>
          <TD>&nbsp;</TD></TR>
        <TR bgColor=#000000>
          <TD align=left height=29><div align="center"><span class="style3"><span class="style5"><a href="file:///C|/Documents%20and%20Settings/MedStudent/Desktop/Flash%20MX%202004/crashcourse.htm">Biology Crash Course</a> </span></span></div></TD>
        </TR>
        <TR bgColor=#000000>
          <TD align=left height=21> <div align="center"></div></TD>
        </TR>
        <TR bgColor=#000000>
          <TD height="43"><div align="center"><span class="style5"><a href="Images/replicationcycle.htm">Replication Cycle </a></span></div></TD>
        </TR>
        <TR bgColor=#333333>
          <TD height=20 align=left vAlign=center bgcolor="#4AA5FF" class=cathead><div align="center" class="style18">Full Spectrum </div></TD>
        </TR>
        <TR bgColor=#000000>
          <TD height="10">&nbsp;</TD></TR>
        <TR bgColor=#000000>
          <TD align=left height=29><div align="center"><span class="style7"><span class="style7"><a href="Images/hivvsaidspage.htm">HIV/AIDS</a></span></span></div></TD>
        </TR>
        <TR bgColor=#000000>
          <TD height="39"><p align="center" class="style3"><a href="Images/drugsandtreatmentspage.htm">Drugs and Treatments</a></p>            </TD></TR>
        <TR bgColor=#333333>
          <TD height=38 vAlign=center bgcolor="#000000" class=cathead><div align="center" class="style3"><a href="Images/opportunisticinfections.htm"><span class="style19">Opportunistic Infections</span></a></div></TD>
        </TR>
        <TR bgColor=#000000>
          <TD height="32"><div align="center"><span class="style16"><span class="style3"><span class="style17"><a href="Images/hivvsimmunesystem.htm">HIV/Immune System </a></span></span></span></div></TD>
        </TR>
        <TR bgColor=#000000>
          <TD align=left height=30><div align="center"><span class="style3"><span class="style17"><a href="Images/Globalpage.htm">GLOBAL</a></span></span></div></TD>
        </TR>
        <TR bgColor=#000000>
          <TD align=left height=16>&nbsp;</TD>
        </TR>
        <TR bgColor=#000000>
          <TD align=left height=16><div align="center"><span class="style7"><a href="contributions.htm" class="style7">Contributions</a></span></div></TD>
        </TR>
        <TR bgColor=#000000>
          <TD align=left height=16>&nbsp;</TD>
        </TR>
        <TR bgColor=#000000>
          <TD align=left height=16>&nbsp;</TD>
        </TR></TABLE></TD>
    <TD width="931" align=left vAlign=top>
      <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
        <TBODY></TBODY></TABLE>
      <div align="center" class="style7"><span class="style7"><a href="Images/aboutfrontierAIDSpage.htm">About FrontierAIDS</a> / <a href="mailto:frontieraids@gmail.com">Contact Us</a></span> </div>      <TABLE cellSpacing=0 cellPadding=0 width=939 border=0>
        <TBODY>
        <TR>
          <TD colSpan=2><div align="center"></div></TD></TR>
        <TR>
          <TD width=9>&nbsp;</TD>
          <TD width="930" align=middle vAlign=top>
            <TABLE cellSpacing=0 cellPadding=0 width="96%" border=0>
              <TBODY>
              <TR><!-- *************** Title **************** -->
                <TD class=plaintext vAlign=top align=left
                  colSpan=2><BR>                  </TD>
                <TD class=tinyplaintext vAlign=center align=left>&nbsp;</TD></TR>
              <TR>
                <TD width="857" align=middle vAlign=top><!-- *************** Preview **************** -->
                  <TABLE width=332
                  border=0 cellPadding=0 cellSpacing=0 bordercolor="#000000" bgColor=#4AA5FF>
                    <TBODY>
                    <TR>
                      <TD vAlign=center align=middle width=8>&nbsp;</TD>
                      <TD vAlign=center align=middle colSpan=3>&nbsp;</TD>
                      <TD vAlign=center align=middle width=8>&nbsp;</TD>
                    </TR>
                    <TR>
                      <TD vAlign=center align=middle width=50>&nbsp;</TD>
                      <TD vAlign=center align=middle bgColor=#000000
                        colSpan=3><TABLE cellSpacing=0 cellPadding=10
                        width="100%" border=0>
                          <TBODY>
                          <TR>
                            <TD vAlign=center align=middle><p>
                              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="961" height="618">
                                <param name="movie" value="Images/HIVViralFigure5.swf">
                                <param name="quality" value="high">
                                <embed src="Images/HIVViralFigure5.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="961" height="618"></embed>
                              </object>
                            </p>                              </TD>
                          </TR></TBODY></TABLE></TD>
                      <TD vAlign=center align=middle width=8>&nbsp;</TD>
                    </TR>
                    <TR>
                      <TD width=8 height="25" align=middle vAlign=center>&nbsp;</TD>
                      <TD class=tinyplaintext vAlign=center align=left>&nbsp;</TD>
                      <TD class=tinyplaintext vAlign=center noWrap align=middle
                      width=7>&nbsp;</TD>
                      <TD class=tinyplaintext vAlign=center noWrap align=right
                      width=174>&nbsp;</TD>
                      <TD vAlign=center align=middle width=8>&nbsp;</TD>
                    </TR></TBODY></TABLE>
                  <BR>
                  <!-- *************** Related Items **************** -->
                  <FORM action=file:///C|/Documents%20and%20Settings/MedStudent/Desktop/Flash%20MX%202004/generateexhibit.php method=post>
                    </FORM></TD><!-- **************** Gutter **************** -->
                <TD vAlign=top align=left width=4>&nbsp;</TD>
                <TD vAlign=top align=left width=12>&nbsp;</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
      <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
        <TBODY>
        <TR>
          <TD vAlign=center align=middle>&nbsp;</TD>
        </TR></TBODY></TABLE></TD>
  </TR>
  <TR>
    <TD vAlign=top align=left bgColor=#000000>&nbsp;</TD>
    <TD vAlign=top align=left><div align="center"><span class="style17 style20">Copyright (C) 2006-2007</span></div></TD>
  </TR>
  </TBODY></TABLE>
</TD></TR></TABLE></BODY></HTML>
AllHaleAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

RouchieCommented:
Unless you have a specific reason to use javascript I wouldn't bother.  Whoever designed the site has applied multiple styles that surround the hyperlinks.  Each link has a different combination of styles wrapped around it, meaning that you're going to have to experiment with each one until you're happy.  From the code you posted, the section that changes the colours is this bit:

<!--
.style3 {font-size: 12px}
.style5 {color: #4AA5FF; font-size: 14px; }
.style7 {color: #4AA5FF; font-size: 14; }
.style16 {color: #FFFFFF; font-size: 12px; }
.style17 {color: #4AA5FF}
.style18 {font-size: 14px}
.style19 {color: #4AA5FF; font-size: 12px; }
-->

These styles above have the colour assigned to them using the hexadecimal number that starts with #
Sadly its not very well written because the info above is not within the STYLE tags.  DW therefore will be confused about what to do.  You should change the code

<!--
.style3 {font-size: 12px}
.style5 {color: #4AA5FF; font-size: 14px; }
.style7 {color: #4AA5FF; font-size: 14; }
.style16 {color: #FFFFFF; font-size: 12px; }
.style17 {color: #4AA5FF}
.style18 {font-size: 14px}
.style19 {color: #4AA5FF; font-size: 12px; }
-->
</style>
<style type="text/css">
<!--
.style20 {color: #4AA5FF}
-->
</style>

to say this

<style type="text/css">
<!--
.style3 {font-size: 12px}
.style5 {color: #4AA5FF; font-size: 14px; }
.style7 {color: #4AA5FF; font-size: 14; }
.style16 {color: #FFFFFF; font-size: 12px; }
.style17 {color: #4AA5FF}
.style18 {font-size: 14px}
.style19 {color: #4AA5FF; font-size: 12px; }
.style20 {color: #4AA5FF}
-->
</style>

After this, if you click in one of the color, DW's toolbar on the right should change to show a sample of what this colour is.  It might be different in your version.
I used to use an image editor like paint shop pro and paste the reference into there, alter the colour, then paste the new colour value back into DW.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Fonts Typography

From novice to tech pro — start learning today.