What is the connection?

12 replies
  • WEB DESIGN
  • |
Thank you all for the help that you have given while I have been working on this new design. You have been so helpful and it is coming together great. I notice there seems to be a problem though between the slide show and the links on the page though.

If you go to this page Template 1 you will notice that when you visit one of the links to do further study and go back to it they turn white. I am not sure how to fix it without changing the color of the links in the slide. What is making them connected like this?
#connection
  • Profile picture of the author SEOexpertSEO
    Who are you talking to? It sounds like you meant to send someone a private message.
    Signature

    I've helped 1723 businesses get more customers. If you want to be successful at your local, national, or international business visit http://bluesearchmarketing.com

    {{ DiscussionBoard.errors[9971345].message }}
  • Profile picture of the author alexiseverson
    What exactly is turning white?
    I went to your page and I couldn't see anything wrong except that 3 of the links in your top menu aren't working and your picture of your new design on right side of page doesn't go anywhere
    {{ DiscussionBoard.errors[9971367].message }}
    • Profile picture of the author jbearnolimits
      Originally Posted by alexiseverson View Post

      What exactly is turning white?
      I went to your page and I couldn't see anything wrong except that 3 of the links in your top menu aren't working and your picture of your new design on right side of page doesn't go anywhere
      Right now I am working on the design part so I do not have some of the links working yet. But when you click on one of the "Click Here To Study" links under the books you will see that it changes from black to white.
      {{ DiscussionBoard.errors[9971372].message }}
      • Profile picture of the author alexiseverson
        ok I guess that's why I didn't notice. I didn't see those links before I clicked on something and went back.
        It's probably in your css
        I found your a.visited{ for your header is white so you may need to put

        a.visited{
        color : #000000;
        }

        or whatever color you want there in the div class that has your content containing those links.
        Alternatively, you could change the color of visited links in your top menu to light grey

        I use Html Color Codes for all my color matching (not an affiliate link! I found it using google search)
        {{ DiscussionBoard.errors[9971516].message }}
        • Profile picture of the author jbearnolimits
          Originally Posted by alexiseverson View Post

          ok I guess that's why I didn't notice. I didn't see those links before I clicked on something and went back.
          It's probably in your css
          I found your a.visited{ for your header is white so you may need to put

          a.visited{
          color : #000000;
          }

          or whatever color you want there in the div class that has your content containing those links.
          Alternatively, you could change the color of visited links in your top menu to light grey

          I use Html Color Codes for all my color matching (not an affiliate link! I found it using google search)
          Thanks...I took a look at the css and found this code:

          Code:
           #headerBigNav a:link, a:visited  { 
          display : block; 
          font-weight : bold; 
          color : #FFFFFF; 
          text-align : center; 
          padding : 4px; 
          text-decoration : none; 
          text-transform : uppercase; 
          }
          When I change the color to 000000 it does make the links in the page black after a visit...but it also does to for the navigation bar on top. It DOESN'T affect the slide though. So that's good.

          Maybe it is cause I am not thinking clearly tonight (feeling exhausted), but I am at a loss in finding out how to keep the nav css from affecting the page links. I tried to just remove the a:visited...but that just made the nav links that were already clicked black still. Any advice? I will also check out that link. Thanks.
          {{ DiscussionBoard.errors[9971548].message }}
          • Profile picture of the author alexiseverson
            try a light color that will show up on both backgrounds



            #9397AE maybe?
            {{ DiscussionBoard.errors[9971569].message }}
            • Profile picture of the author jbearnolimits
              Originally Posted by alexiseverson View Post

              try a light color that will show up on both backgrounds



              #9397AE maybe?
              Well I know that would be a simple quick fix...but I am trying to learn as I do this too. If I can't figure it out then I suppose I will have no choice. But I would really like to know why the css in the navigation is affecting the links on the rest of the page too. That way I know for the future.
              {{ DiscussionBoard.errors[9971583].message }}
              • Profile picture of the author alexiseverson
                you only have one .a visited reference on your css
                if you specify another to only affect the links in your content then that should do it
                you may need to add another div id and class
                {{ DiscussionBoard.errors[9971594].message }}
  • Profile picture of the author alexiseverson
    I had a look at your source code and see you have

    <div id="mainpagecontent"><a name="maincontent"></a>

    so you could try putting

    .maincontent a{
    color : #000000
    }
    .maincontent a:hover{
    color : #1747A5
    }
    .maincontent a:visited{
    color : #9397AE
    }

    and instead of < a name=maincontent></a>
    use <class="maincontent">
    unless it links to something I missed



    I hope I got that right I'm getting pretty tired
    {{ DiscussionBoard.errors[9971602].message }}
    • Profile picture of the author jbearnolimits
      Originally Posted by alexiseverson View Post

      I had a look at your source code and see you have

      <div id="mainpagecontent"><a name="maincontent"></a>

      so you could try putting

      .maincontent a{
      color : #000000
      }
      .maincontent a:hover{
      color : #1747A5
      }
      .maincontent a:visited{
      color : #9397AE
      }

      and instead of < a name=maincontent></a>
      use <class="maincontent">
      unless it links to something I missed



      I hope I got that right I'm getting pretty tired
      Hmmm...why didn't I think of that?! I guess I'm tired too. The < a name= stuff is actually a named anchor for a skip to content link in mobile.

      Thanks so much!
      {{ DiscussionBoard.errors[9971725].message }}
      • Profile picture of the author alexiseverson
        no problem just glad I could help

        I'm certainly no css expert but learned a lot from modifying (fighting with) my own site

        please post reply if it works
        {{ DiscussionBoard.errors[9971770].message }}
        • Profile picture of the author jbearnolimits
          Originally Posted by alexiseverson View Post

          no problem just glad I could help

          I'm certainly no css expert but learned a lot from modifying (fighting with) my own site

          please post reply if it works
          It did work. It seems like if you make any kind of link decoration to anything it will carry over to all other links. So you have to make sure all the div's you want to have different links in have its own css for links.
          {{ DiscussionBoard.errors[9972276].message }}

Trending Topics