Solved

different colour links in site created in DW6

Posted on 2013-02-05
2
471 Views
Last Modified: 2013-02-05
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Melville Dental Care - Pascoe Vale South</title>
<!-- TemplateEndEditable -->
<link href="../css melville dental.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
-->
</style>
<style type="text/css">
<!--
p.MsoNormal {
margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
}
.style1 {
	font-family: Calibri, Arial;
	font-size: 72px;
}
.style2 {color: #76923C}
.style3 {
	font-family: Calibri, Arial;
	font-size: 18px;
}


	

-->
</style>
<script type="text/javascript" src="../p7pmm/p7PMMscripts.js"></script>
<style type="text/css">
<!--
.style6 {
	color: #76923C;
	font-family: Calibri, Arial;
}
.style8 {
	color: #76923C;
	font-size: 20px;
}
.style9 {font-size: 18px}
a:link {
	color: #76923C;
}
a:hover {
	color: #495B24;
}
-->
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="../p7pmm/p7PMMh02.css" rel="stylesheet" type="text/css" media="all" />
</head>

<body>
<div id="wrapper">
  <div id="titlebar">
    <p class="MsoNormal"><span style="FONT-FAMILY: Calibri, Arial; COLOR: #404524; FONT-SIZE: 9pt; mso-fareast-language: EN-AU"></span></p>
    <table width="1100" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <th width="183" scope="col"><div align="left"><a name="top_page" id="top_page"></a></div></th>
        <th width="664" scope="col"><h1><span class="style1">melville <span class="style2">dental</span> care</span></h1></th>
        <th width="253" align="center" valign="top" scope="col"><h3 align="right" class="style2"><span class="style3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="style8"><span class="style9">248 Melville Road</span><br />
                <span class="style9">Pascoe Vale South 3044</span><br />
        </span></span><span class="style6"><span class="style3 style2">phone 9354 9714</span>&nbsp;<br />
        <a href="mailto:info@melvilledentalcare.com.au">info@melvilledentalcare.com.au</a><br />
        </span></h3></th>
      </tr>
    </table>
    <table width="1100" height="97" border="0" cellpadding="0" cellspacing="0">
      <tr>
        
      </tr>
    </table>
  </div>
  <div id="p7PMM_1" class="p7PMMh02 p7PMMnoscript">
    <ul class="p7PMM">
      <li><a href="/index.html">Home</a></li>
      <li><a href="../Team.html">Team</a></li>
      <li><a href="../Services.html">Services</a></li>
      <li><a href="../New Patients.html">New Patients</a></li>
      <li><a href="../Children.html">Children</a></li>
      <li><a href="../Practice Information.html">Practice Information</a></li>
      <li><a href="../Download Forms.html">Download Forms</a></li>
      <li><a href="../Contact Us.html">Contact Us</a></li>
    </ul>
    <div class="p7pmmclearfloat">&nbsp;</div>
    <!--[if lte IE 6]>
<style>.p7PMMh02 ul ul li {float:left; clear: both; width: 100%;}.p7PMMh02 {text-align: left;}.p7PMMh02, .p7PMMh02 ul ul a {zoom: 1;}</style>
<![endif]-->
    <!--[if IE 5]>
<style>.p7PMMh02, .p7PMMh02 ul ul a {height: 1%; overflow: visible !important;} .p7PMMh02 {width: 100%;}</style>
<![endif]-->
    <!--[if IE 7]>
<style>.p7PMMh02, .p7PMMh02 a{zoom:1;}.p7PMMh02 ul ul li{float:left;clear:both;width:100%;}</style>
<![endif]-->
    <script type="text/javascript">
<!--
P7_PMMop('p7PMM_1',1,2,0,0,0,1,0,1,0,3,1,1,0,0,0);
//-->
    </script>
</div>
  <div id="image">
    <left>
      <p>&nbsp;</p>
      <!-- TemplateBeginEditable name="EditRegion2" -->
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <!-- TemplateEndEditable -->
    
  </div>
  <div id="main"><!-- TemplateBeginEditable name="EditRegion3" --><!-- TemplateEndEditable -->
    <p align="left"></p>
     
    <p></p>
    <p>.</p>
  </div>
</div>
</body>
</html>

Open in new window

I'm not proficient with CSS. I have attempted to use posted answers to similar questions on EE but I haven't been successful.
What I want is the email address in the template page title bar to be green (a4c666) and all the other links on the site to be black. I can achieve either green or black but not both.
I have added my template page code.I would prefer to know where the new code is inserted thanks
David
0
Comment
Question by:DavidAsq
2 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 38857967
You either have to define different classes and then apply them to the different links manually or scope the CSS to the container (preferred).

So instead of

a:link {
	color: #76923C;
}
a:hover {
	color: #495B24;
}

Open in new window


you do

a {
   color: #000;
}

#titlebar a:link {
	color: #76923C;
}
#titlebar a:hover {
	color: #495B24;
}

Open in new window

0
 

Author Closing Comment

by:DavidAsq
ID: 38858005
simple solution, works and your answer was great for an experienced user. Most appreciated
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
Viewers will get an overview of the benefits and risks of using Bitcoin to accept payments. What Bitcoin is: Legality: Risks: Benefits: Which businesses are best suited?: Other things you should know: How to get started:
The viewer will learn how to dynamically set the form action using jQuery.

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question