Skip navigation
caseybaggz
caseybaggz
Currently Being Moderated

Text color disappearing when creating Links

Jul 17, 2012 7:16 AM

Tags: #dreamweaver #links #cs6 #troubleshoot

Hello!

I am turning some text into links in Dreamweaver CS6, but for some reason, one of the links font color is turning transparent! Both text links are coded the exact same and have the same CSS commands. When I take off the link <a> of the transparent word, it shows up again, so clearly something is not happy about the one link. Please help! This is driving me crazy!

 

you can see what I'm talking about here:

http://sb3m.com/mindhandle/mainIndex.html

 

Looking forward to getting this solved.

-Casey

767 Views   13 Replies   Latest reply: Ken Binney, Jul 18, 2012 8:54 AM
 
Replies
  • Jon Fritz II
    Currently Being Moderated
    1. Jon Fritz II,
    Jul 17, 2012 7:22 AM   in reply to caseybaggz
    Report

    I'm not seeing the problem here on FF13.

     

    In IE9 there is no hover at all as IE doesn't recognize text-shadow.

     

    ETA: Scratch that, your visited link color is the same as the background color on that side.

     
    |
    Mark as:
  • Ben Pleysier
    Currently Being Moderated
    2. Ben Pleysier,
    Jul 17, 2012 7:23 AM   in reply to caseybaggz
    Report

    Fix these errors http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fsb3m.com%2Fmi ndhandle%2FmainIndex.html first. Then come back here with the remaining problem(s).

     

    Gramps

     
    |
    Mark as:
  • caseybaggz
    Currently Being Moderated
    3. caseybaggz,
    Jul 17, 2012 7:30 AM   in reply to Jon Fritz II
    Report

    Hey Jon,

    Thanks for replying. The problem is that the "left Brain" text is supposed to be the grey like the opposing background.

     

    -Casey

     
    |
    Mark as:
  • Jon Fritz II
    Currently Being Moderated
    4. Jon Fritz II,
    Jul 17, 2012 7:35 AM   in reply to caseybaggz
    Report

    I'm guessing one or more of the errors Gramps is pointing to is allowing the CSS attribute for that one to be dropped and it's picking up the wrong info.

     
    |
    Mark as:
  • Ken Binney
    Currently Being Moderated
    5. Ken Binney,
    Jul 17, 2012 7:40 AM   in reply to caseybaggz
    Report

    What is this about?

     

    Your page is coded to end here

     

    </body>

     

    </html>

     

    but you have this stuff following the end of the page

    /a></div>
    <div id="rightBrain1" class="mainFont"><a href="rightBrainIndex.html">RIGHT&nbsp;MIND</a></div>
    </body>
    </html>
     id="mainWrapper1"><img src="Images/correctLogo.png" id="mainLogo" width="300" height="300" alt="Mindhandle logo"></div>
    <div id="leftBrain1" class="mainFont"><a href="leftIndex.html" class="transition"><font color="#666">LEFT&nbsp;BRAIN</font></a></div>
    <div id="rightBrain1" class="mainFont"><a href="rightBrainIndex.html" class="transition">RIGHT MIND</a></div>
    </body>
    </html>
     
    |
    Mark as:
  • caseybaggz
    Currently Being Moderated
    6. caseybaggz,
    Jul 17, 2012 7:47 AM   in reply to Ken Binney
    Report

    Ken,

    I just saw that myself. That is not my code! It is old code that must have been added in there from the person who uploaded the site. Here is my code I am going off of:

     

    </head>

     

     

    <body>

    <div class="container">

      <div class="content">

    <p id="leftBrain1" class="mainFont"><a href="leftIndex.html">LEFT BRAIN</a></p>

    <img src="Images/correctLogo.png" alt="mindhandle logo" id="mainLogo">

    <p id="rightBrain1" class="mainFont"><a href="rightBrainIndex.html">RIGHT MIND</a></p>

      </div>

    </div>

    </body>

     

     

    </html>

     
    |
    Mark as:
  • Ken Binney
    Currently Being Moderated
    7. Ken Binney,
    Jul 17, 2012 7:52 AM   in reply to caseybaggz
    Report

    Please upload corrected page and give us link.

     
    |
    Mark as:
  • caseybaggz
    Currently Being Moderated
    8. caseybaggz,
    Jul 17, 2012 8:08 AM   in reply to Ken Binney
    Report

    Okay, here is the correct validated html.

     

    http://validator.w3.org/check

     

    I am having the correct code uploaded now. I keep forgeting to say that the link shows up correctly in Dreamweaver live view, but is transparent in any browser that pulls it up.

     

    -Casey

     
    |
    Mark as:
  • caseybaggz
    Currently Being Moderated
    9. caseybaggz,
    Jul 17, 2012 8:10 AM   in reply to caseybaggz
    Report

    Sorry, that link does not show the errors. There is only 1 error in the html and it's for the .icon link. Nothing else, and the CSS has no errors.

     

    -Casey

     
    |
    Mark as:
  • Ken Binney
    Currently Being Moderated
    10. Ken Binney,
    Jul 17, 2012 8:25 AM   in reply to caseybaggz
    Report

    Hey Casey

     

    We only have this link which still has the extraneous code below the end of the page

    http://sb3m.com/mindhandle/mainIndex.html

     
    |
    Mark as:
  • caseybaggz
    Currently Being Moderated
    11. caseybaggz,
    Jul 18, 2012 7:10 AM   in reply to Ken Binney
    Report

    Okay, sorry for the long wait. Here is the correct version.

     

    http://www.sb3m.com/mindhandle/mainIndex1.html

     

    I will also say that when I take away the <a> link tag on the "left brain" <p> the font color returns, but as soon as I add the link to it, the font becomes transparent.

     

    -Casey

     
    |
    Mark as:
  • caseybaggz
    Currently Being Moderated
    12. caseybaggz,
    Jul 18, 2012 7:42 AM   in reply to Ben Pleysier
    Report

    Gramps,

    Here is the new updated site with all the code passing validation. When I take away the link <a> associated with the "left brain" on the home page, the font color returns. As soon as I add the link tag back to it, it disappears again.

     

    http://www.sb3m.com/mindhandle/mainIndex1.html

     
    |
    Mark as:
  • Ken Binney
    Currently Being Moderated
    13. Ken Binney,
    Jul 18, 2012 8:54 AM   in reply to caseybaggz
    Report

    Validating youe CSS comes up with 33 warnings about same color text as background.

     

    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.sb3m .com%2Fmindhandle%2FmainStyles.css&profile=css3&usermedium=all&warning =1&vextwarning=&lang=en

     

    Perhaps if you were to review the list you might spot something amiss.

     

    If I recall you used a two-color BG image. and might not need a BG color

     

    16
    		Same colors for color and background-color in two contexts body and #leftBrain1 a:link
    16
    		Same colors for color and background-color in two contexts html and #leftBrain1 a:link
    16
    		Same colors for color and background-color in two contexts body and a:visited
    16
    		Same colors for color and background-color in two contexts html and a:visited
    20
    		Same colors for color and background-color in two contexts body and #rightBrain1 a:link
    20
    		Same colors for color and background-color in two contexts body and a:visited
    65
    		Same colors for color and background-color in two contexts body and #leftBrain1
    65
    		Same colors for color and background-color in two contexts html and #leftBrain1
    75
    		Same colors for color and background-color in two contexts body and #rightBrain1
    91
    		Same colors for color and background-color in two contexts body and #leftBrain1 a:link
    91
    		Same colors for color and background-color in two contexts html and #leftBrain1 a:link
    91
    		Same colors for color and background-color in two contexts body and a:visited
    91
    		Same colors for color and background-color in two contexts html and a:visited
    95
    		Same colors for color and background-color in two contexts body and #rightBrain1 a:link
    95
    		Same colors for color and background-color in two contexts body and a:visited
    132
    		Same colors for color and background-color in two contexts body and #leftBrain1
    132
    		Same colors for color and background-color in two contexts html and #leftBrain1
    142
    		Same colors for color and background-color in two contexts body and #rightBrain1
    159
    		Same colors for color and background-color in two contexts body and #leftBrain1 a:link
    159
    		Same colors for color and background-color in two contexts html and #leftBrain1 a:link
    159
    		Same colors for color and background-color in two contexts body and a:visited
    159
    		Same colors for color and background-color in two contexts html and a:visited
    163
    		Same colors for color and background-color in two contexts body and #rightBrain1 a:link
    163
    		Same colors for color and background-color in two contexts body and a:visited
    181
    		Same colors for color and background-color in two contexts body and body
    181
    		Same colors for color and background-color in two contexts html and body
    201
    		Same colors for color and background-color in two contexts body and #leftBrain1
    201
    		Same colors for color and background-color in two contexts html and #leftBrain1
    210
    		Same colors for color and background-color in two contexts body and #rightBrain1
    226
    		Same colors for color and background-color in two contexts body and #leftBrain1 a:link
    226
    		Same colors for color and background-color in two contexts html and #leftBrain1 a:link
    226
    		Same colors for color and background-color in two contexts body and a:visited
    226
    		Same colors for color and background-color in two contexts html and a:visited
     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points