Skip to main content
tuilorraine
tuilorraine
Inspiring
March 29, 2018
Answered

firefox ignores my .css text link properties so links are in the wrong color

  • March 29, 2018
  • 2 replies
  • 1244 views

This is the first site I've created with Dreamweaver CC. I find it much less user friendly than the old CS version, but I'm presuming that's because of the need for everything to be responsive these days.  i'm having lots of problems but slowly getting there with the new site.
The current problem is Firefox displays some of my links in the wrong color.  i'm using a Dreamweaver starter template to get myself going. I added some .css code to style the links. It works fine on one section of the page in most browsers but on another section the colors show incorrectly in firefox only. Could I have put the link-text styling rules  in the wrong part of the Css file? I'm very hazy with css.

    This topic has been closed for replies.
    Correct answer Nancy OShea

    Clear your Firefox cache and history folders.   That should wipe out the visited llink styles until you visit them again.

    Or change your link styles:

    a {

        color: #00A981;

        text-decoration: underline;

        font-weight: bold;

    }

    a:hover, a:active, a:focus {

      color: red ;

      text-decoration: none;

    } 

    2 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity ExpertCorrect answer
    Community Expert
    March 29, 2018

    Clear your Firefox cache and history folders.   That should wipe out the visited llink styles until you visit them again.

    Or change your link styles:

    a {

        color: #00A981;

        text-decoration: underline;

        font-weight: bold;

    }

    a:hover, a:active, a:focus {

      color: red ;

      text-decoration: none;

    } 

    Nancy O'Shea— Product User & Community Expert
    tuilorraine
    tuilorraineAuthor
    Inspiring
    March 30, 2018

    Clearing the history solved it. Thank-you. However, I will be following the other's advice on how to correctly complete the css styling of my links.
    It's a long time since I built a web site and it was easier then. I used to know about clearing browser caches and history but had forgotten. So I now see I should have tried that before asking for help. However I'm glad I did because of the other useful advice I've got from you all. Thank you all so much.

    Sorry I took so long to respond. I've been out in my kayak forever since posting this. The weather was too good to come home.

    BenPleysier
    Community Expert
    BenPleysierCommunity Expert
    Community Expert
    March 29, 2018

    If you have uploaded the site to a remote server, please supply the link to the site. Otherwise, give us an example of what is going wrong by supplying the full HTML code and the CSS that you have written.

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    tuilorraine
    tuilorraineAuthor
    Inspiring
    March 29, 2018

    And here is the html:

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Ripple and Thalassa</title>

    <link href="../AboutPageAssets/styles/aboutPageStyle.css" rel="stylesheet" type="text/css">

    <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->

    <script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/montserrat:n4:default;source-sans-pro:n2:default.js" type="text/javascript"></script>

    </head>

    <body>

    <!-- Header content -->

    <header>

        <div class="profilePhoto">

        <img src="../images/profile2bubble.png" width="259" height="314" alt="view from Tui's kayak" title="view from Tui's kayak"/>

        <!-- Profile photo -->

        </div>

      <!-- Identity details -->

      <section class="profileHeader">

        <h1>TUISCOPE</h1>

        <h3>WHICH AMAZON?</h3>

        <hr>

        <p><b>FIND RIPPLE AT YOUR AMAZON STORE HERE:</b><br>

            <a href="https://www.amazon.com/dp/B00NHAW4PE">Ripple's Amazon USA page</a><br>

    <a href="https://www.amazon.ca/Ripple-Dolphin-Story-Tui-Allen-ebook/dp/B00NHAW4PE/">Ripple's Amazon Canada page</a><br>

    Ripple's Amazon Australia page<br>

    Ripple's Amazon UK page<br>

    Ripple's Amazon India page<br>Ripple's Amazon Japan page<br>

    Ripple's Amazon Germany page

        </p>     

      </section>

      <!-- Links to Social network accounts -->

      <aside class="socialNetworkNavBar">

        <div class="socialNetworkNav">

          <!-- Add a Anchor tag with nested img tag here -->

          <a href="https://www.facebook.com/tui.allen.7"><img src="../images/fb-logo.png" alt="facebook-icon"></a> </div>

        <div class="socialNetworkNav">

          <!-- Add a Anchor tag with nested img tag here -->

          <a href="https://twitter.com/tuiallen"><img src="../images/twitter-logo.png"  alt="twitter-icon"></a> </div>

        <div class="socialNetworkNav">

          <!-- Add a Anchor tag with nested img tag here -->

          <a href="https://www.youtube.com/user/tuilorraine/featured?view_as=subscriber"><img src="../images/youtube-logo.png"  alt="youtube-icon"></a> </div>

        <div class="socialNetworkNav">

          <!-- Add a Anchor tag with nested img tag here -->

          <img src="../images/amazon-logo.png"  alt="amazon-icon"> </div>

      </aside>

    </header>

    <!-- content -->

    <section class="mainContent">

      <!-- Contact details -->

      <section class="section1">

        <h2 class="sectionTitle">Contact Details</h2>

        <hr class="sectionTitleRule">

       

        <div class="section1Content">

          <p><span>Email :</span> <a href="mailto:tui@tuiscope.co.nz">Tui at home in New Zealand</a></p>

          <p><span>Website :</span> www.tuiscope.co.nz</p>

          <p><span>Phone :</span> 09 4038067 if calling from within NZ. If calling from the USA dial 011 649 4038067</p>

          <p><span>Address :</span> Bay of Islands, Northland, New Zealand</p>

        </div>

      </section>

      <!-- Previous experience details -->

      <section class="section2">

        <h2 class="sectionTitle">Content Holder 2</h2>

        <hr class="sectionTitleRule">

    <!-- First Title & company details  -->

        <article class="section2Content">

          <h2 class="sectionContentTitle">Tuiscope, Home of the Dolphin Ripple</h2>

          <h3 class="sectionContentSubTitle">Position / Date - Year</h3>

          <p class="sectionContent"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </p>

        </article>

        <!-- Second Title & company details  -->

        <article class="section2Content">

          <h2 class="sectionContentTitle"> Title & Company</h2>

          <h3 class="sectionContentSubTitle">Position / Date - Year</h3>

          <p class="sectionContent"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </p>

        </article>

        <!-- Replicate the above Div block to add more title and company details -->

      </section>

      <!-- Links to expore your past projects and download your CV -->

      <aside class="externalResourcesNav">

        <div class="externalResources"> <a href="#" title="Download CV Link">DOWNLOAD CV</a> </div>

        <span class="stretch"></span>

        <div class="externalResources"><a href="#" title="Behance Link">BEHANCE</a> </div>

        <span class="stretch"></span>

        <div class="externalResources"><a href="#" title="Github Link">GITHUB</a> </div>

      </aside>

    </section>

    <footer>

      <hr>

      <p class="footerDisclaimer">2014  Copyrights - <span>All Rights Reserved</span></p>

      <p class="footerNote">John Doe - <span>Email me</span></p>

    </footer>

    </body>

    </html>

    BenPleysier
    Community Expert
    BenPleysierCommunity Expert
    Community Expert
    March 29, 2018

    I had a look in different browsers and cannot find any difference in colours. Which links are you referring to in particular?

    Have you tried refreshing the cache?

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices