9 Replies Latest reply: Mar 11, 2010 8:59 AM by osgood_ RSS

    Linking issue

    rjfoster03 Community Member

      I am trying to establish an email link that will be at the bottom of each web page.  I highlight the email address, establish the link with mailto:..... and when I am finished, the text disappears due to assuming the color of the background.

       

      I want the email text to be white and underlined.  I have tried several different methods to obtain the results I want, but everything ends up altering the entire site.  All links end up being dramatically changed.

       

      I don't want to affect the entire CSS Style of the site, only the email address to allow it to activate sending an email.  I want the link to remain white/underlined  on the page, while not affecting any other links associated with the site.

       

      I have tried highlighting the text, establishing the link, going down into the Properties box and changing the color- it goes back to matching the color of the background and therefore can not be seen.

       

      I have gone into CSS Styles / Summary for Selection and altered the properties found in the selections.  I can get the results I want, but EVERY other link within the site takes on those properties too.

       

      Any suggestions as to what I am doing incorrectly or how to correct this to make only this link be the way that I want it would be appreciated.

        • 1. Re: Linking issue
          osgood_ MVP

          To change the properties of specific links on a page you would target the container in which they are inserted.

           

          For example if I have a link within a <div> container with the id 'footer' (see below)

           

          <div id="footer"><a href="something.com">Something Link</a></div>

           

          I would target that link with css like so:

           

          #footer a {

          color: #fff;

          text-decoration: underline;

          }

          • 2. Re: Linking issue
            rjfoster03 Community Member

            Thanks for the help....

             

            If the link is not at the footer, but within a block that is higher up, how do I "name" it or locate it so I can have it to work and be white /underlined?

            • 3. Re: Linking issue
              osgood_ MVP

              rjfoster03 wrote:

               

              Thanks for the help....

               

              If the link is not at the footer, but within a block that is higher up, how do I "name" it or locate it so I can have it to work and be white /underlined?

               

              Post your pages code here and tell me what link it is you are trying to change.

               

              Go to code view in Dreamweaver, select it all, paste it in a reply here.

              • 4. Re: Linking issue
                rjfoster03 Community Member

                Here is the code (the link I am trying to get to behave is 13 lines up from the bottom and the ekrice@riceassociates.com). Thanks for taking a look at it.

                 

                <HTML>

                <HEAD>

                <TITLE>Rice &amp; Associates - Home Page</TITLE>

                <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">

                <link href="style.css" rel="stylesheet" type="text/css">

                <style type="text/css">

                <!--

                .style1 {

                font-size: x-small;

                font-family: Geneva, Arial, Helvetica, sans-serif;

                }

                .style8 {font-size: 12}

                .style11 {color: #006666}

                .style12 {

                color: #000000;

                font-size: 14px;

                font-family: Geneva, Arial, Helvetica, sans-serif;

                }

                .style15 {color: #000000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; }

                -->

                </style>

                </HEAD>

                <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

                <table width="780" border="0" align="center" cellpadding="0" cellspacing="0">

                  <tr>

                    <td width="780" height="100%" align="center" valign="middle" bgcolor="#666666" style="padding:11px; "><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td width="214" valign="top" bgcolor="#FFFFFF"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="9">

                          <tr>

                            <td><div align="center">

                              <p><a href="index.html"><img src="images/ricelogouse.jpg" alt="Top logo" width="150" height="111" border="0"></a></p>

                              <p class="style12">Training and Organizational Development / Consulting</p>

                              <p class="style12"> </p>

                              </div></td>

                          </tr>

                          <tr>

                            <td valign="top"><table width="100%" border="0" cellspacing="3" cellpadding="0">

                              <tr>

                                <td bgcolor="#F5F2F2"><a href="index.html"><img src="images/home2.gif" alt="home" width="195" height="30" border="0"></a></td>

                              </tr>

                              <tr>

                                <td bgcolor="#F5F2F2"><a href="founder.html"><img src="images/founder.gif" alt="founder" width="195" height="30" border="0"></a></td>

                              </tr>

                              <tr>

                                <td bgcolor="#F5F2F2"><a href="whoweare.html"><img src="images/whoweare.gif" alt="who" width="195" height="30" border="0"></a></td>

                              </tr>

                              <tr>

                                <td bgcolor="#F5F2F2"><a href="associates.html"><img src="images/associates.gif" alt="associates" width="195" height="30" border="0"></a></td>

                              </tr>

                              <tr>

                                <td bgcolor="#F5F2F2"><a href="clients.html"><img src="images/clients.gif" alt="clients" width="195" height="30" border="0"></a></td>

                              </tr>

                              <tr>

                                <td bgcolor="#F5F2F2"><a href="overview.html"><img src="images/programoverviews.gif" alt="overviews" width="195" height="30" border="0"></a></td>

                              </tr>

                              <tr>

                                <td bgcolor="#F5F2F2"><a href="descriptions.html"><img src="images/programdescripts12dk.gif" alt="descriptions" width="195" height="30" border="0"></a></td>

                              </tr>

                              <tr>

                                <td bgcolor="#F5F2F2"><a href="contact.html"><img src="images/contact.gif" alt="contact" width="195" height="30" border="0"></a></td>

                              </tr>

                            </table></td>

                          </tr>

                        </table></td>

                <td width="11" rowspan="2"><img src="images/spacer.gif" width="11" height="1"></td>

                        <td valign="top" bgcolor="#FFFFFF"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="9">

                          <tr>

                            <td align="right"><img src="images/rice top.jpg" alt="top header image" width="288" height="191"><img src="images/header_big_image_use.gif" alt="Header 2" width="220" height="191"></td>

                          </tr>

                 

                          <tr>

                            <td height=""><table width="100%" border="0" cellspacing="5" cellpadding="0">

                              <tr>

                                <td><img src="images/logoriceblack.gif" alt="header" width="376" height="40"></td>

                              </tr>

                              <tr>

                                <td><table width="100%" border="0" cellspacing="10" cellpadding="0">

                                  <tr>

                                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

                                      <tr>

                                        <td bgcolor="#ffffff" style="padding:2px; "><table width="100%" border="0" cellspacing="5" cellpadding="0" bgcolor="#FFFFFF">

                                            <tr>

                                              <td><p> </p>

                                                <p> </p>

                                                <p> </p>

                                                <p> </p>

                                                <p> </p>

                                                <p> </p>

                                                <p><img src="images/rice gold puzzle.jpg" alt="puzzle" width="132" height="89" border="1"></p>

                                                </td>

                                            </tr>

                                        </table></td>

                                      </tr>

                                    </table></td>

                                    <td><p align="justify"><span class="style15"><span class="white style11"><strong>Rice  &amp; Associates, Inc.</strong></span> is a training and organizational development / management consulting firm  located in Greensboro, North Carolina.</span></p>

                                      <p align="justify">                        <span class="style15">We specialize in the areas of  <strong>Leadership, Teambuilding, Conflict Resolution, Managing Change, World Class  Customer Service, Consultative Skills/Selling, Front-Line Supervision,  Creativity/ Innovation, Process Improvement and Specialized Communications.</strong></span></p>

                                      <p align="justify"><span class="style15">                        In addition, all of our programs are <strong>custom-designed</strong> based on each client's stated needs and are skills based.  We incorporate  numerous role-plays and exercises, based on real life situations, to ensure  integration back into the work place.  Our programs range from a half day  to four days.</span></p>

                                      <p align="justify" class="style15"><span class="style11"><strong>Rice  &amp; Associates, Inc.</strong></span>, also provides keynote speeches all  around the United States.  The response to these presentations is  tremendous due to the unique presentation style.  All of our speeches  incorporate group participation, exercises for skill-building, as well as  handouts for quick reference.  Our speeches are <strong>custom-designed</strong> to  flow with any themes your organization is promoting.</p></td>

                                  </tr>

                 

                                </table></td>

                              </tr>

                              <tr>

                                <td><table width="100%" border="0" cellspacing="10" cellpadding="0">

                                  <tr>

                                    <td width="32%"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                                      <tr>

                                        <td bgcolor="#ffffff" style="padding:2px; "><table width="100%" border="0" align="center" cellpadding="0" cellspacing="5" bgcolor="#FFFFFF">

                                          <tr></tr>

                                        </table>

                                          <p> </p>

                                          <p> </p>

                                          <p> </p>

                                          <p> </p>

                                          <p><img src="images/rice audience.jpg" alt="audience" width="141" height="108"></p></td>

                                      </tr>

                                    </table></td>

                                    <td width="68%"><p class="style15"><img src="images/key facts.gif" alt="key facts" width="157" height="21"></p>

                                      <p align="justify" class="style15"><strong>Customized:</strong> All workshops and keynote speeches are  customized to meet each specific client's stated needs.</p>

                                      <p align="justify" class="style8"><span class="style15"><strong>Skills Based:</strong> Concrete skills provide participants  with step-by-step roadmaps for application back on the job.</span></p>

                                      <p align="justify" class="style8"><span class="style15"><strong>Real Time Issues:</strong> All roleplays and exercises are  based on real live examples that participants are currently experiencing on the  job.</span></p>

                                      <p align="justify" class="style8"><span class="style15"><strong>Interactive:</strong> Roleplays and exercises are utilized to  ensure retention and application of skills back to the workplace. Lecture only  constitutes approximately 15% of class time.</span></p>

                                      <p align="justify" class="style8"><span class="style15"><strong>Benchmark &amp; Measures:</strong> Rice &amp; Associates is  committed to helping our customers establish benchmarks and measures for  maintaining long-term accountability with participants.</span></p>

                                      <p align="justify"><span class="style15"><strong>Time Commitment:</strong> Workshops range from one half day  to four days and are based on each client's stated needs.</span></p></td>

                                  </tr>

                 

                                </table></td>

                              </tr>

                            </table></td>

                          </tr>

                        </table></td>

                      </tr>

                      <tr>

                        <td valign="bottom" bgcolor="#FFFFFF" style="padding:9px; "><div align="right"><img src="images/rice bottom templateuse2.jpg" alt="bottom logo" width="140" height="118"></div></td>

                        <td valign="bottom" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="9" cellpadding="0">

                          <tr>

                            <td height="56" valign="top" bgcolor="#ffffff" class="white"> </td>

                          </tr>

                          <tr>

                            <td height="44" valign="top" bgcolor="#006666"><table width="100%" border="0" cellspacing="9" cellpadding="0">

                                <tr>

                                  <td class="white"><p class="style1">For an indepth proposal and/or pricing, please contact Rice  &amp; Associates, Inc. (336) 370-1555 or e-mail ekrice@riceassociates.com</p></td>

                                  <td align="right" valign="top" class="white"> </td>

                                </tr>

                            </table></td>

                          </tr>

                        </table></td>

                      </tr>

                    </table></td>

                  </tr>

                </table>

                <div align="right"></div>

                </BODY>

                </HTML>

                • 5. Re: Linking issue
                  osgood_ MVP

                  Well first of all if you want the email text to be a clickable link you have to make it a link by wrapping it in an anchor tag (see below)

                   

                  I've used xxxxxxx in place of your correct email address. I would edit your orginal post to remove the email address otherwise spam bots will harvest it and you could get a post bag full of rubbish.

                   

                  Select the email text and type mailto:xxxxx@xxxxxxxxx.xxx.com (your correct email address) in the link box in the properties inspector box. This will give you the code below:

                   

                  <td class="white"><p class="style1">For an indepth proposal and/or pricing, please contact Rice  &amp; Associates, Inc. (336) 370-1555 or e-mail <a href="mailto:xxxxx@xxxxxxxxx.xxx">xxxxx@xxxxxxxxx.xxx.com</a></p></td>

                   

                  Next, because the email text is in a <td> cell with the class name 'white', you need to add the below css code to your css style sheet:

                   

                  .white a {

                  color: #fff;

                  text-decoration: underline;

                  }

                   

                  Finished.

                  • 6. Re: Linking issue
                    rjfoster03 Community Member

                    I will try the coding, but I am now trying to find out how to edit the post.

                    I do not see any button allowing for this, so am I missing something?  I only see an edit function with this posting.

                    • 7. Re: Linking issue
                      osgood_ MVP

                      rjfoster03 wrote:

                       

                      I will try the coding, but I am now trying to find out how to edit the post.

                      I do not see any button allowing for this, so am I missing something?  I only see an edit function with this posting.

                       

                      Humm........... maybe the edit feature is time sensitive and is deactivated. That's stupid

                      • 8. Re: Linking issue
                        rjfoster03 Community Member

                        I did a search on it and it does seem that it has some sort of thing with regards to when a reply is posted.  Very odd.....

                         

                         

                        I did the coding change and it worked perfectly!  Thank you so much for taking the time to help.  Really liked the step-by-step help.  Being new to this, you did a great job helping out.

                         

                        I did post something earlier with regards to spacing between paragraphs. Any suggestions?  lol

                        • 9. Re: Linking issue
                          osgood_ MVP

                          rjfoster03 wrote:


                           

                          I did post something earlier with regards to spacing between paragraphs. Any suggestions?  lol

                           

                                 I've supplied an answer to that in your other thread.