Incorrectly flagging Duplicate IDs

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
2 messages Options
Reply | Threaded
Open this post in threaded view
|

Incorrectly flagging Duplicate IDs

Dave Thompson
NOTE: Whenever possible, give the address of the document you were checking.

This is the error I am getting using the validation tool:

Validation Output: 1 Error

Error Line 56, Column 98: Duplicate ID blackLink.
…" href=[hidden email]>[hidden email]</a></p>



However, when the second "duplicate" id is removed to comply with the validation tool, the desired effect...that being the email link having a Bold effect on rollover and black text color, is not present.  I have to replace the ID= in the <a> tag of the emailto link in order for this to work.  Which then gets me the error.

I am not sure what I can recommend to look for bug-wise, since what I'm doing might be a gray area.  I only know that I need a clean bill of health HTML-wise or my instructor will doc me on points.  I could remove the offending tag to get this, but the effect is not what I desire design-wise.

I cannot give the link to the document as the file is on my college's server and I have no idea how long it will be there.  I am in Unit8 of 10 right now so in under 2 weeks the class will be over and that file will likely no longer be accessible...so I included the text of the file here as well as the style-sheet the definition in question is defined in.

HTML File:

<!DOCTYPE html>
<html>
  <head>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <title>Dave Thompson, I.T. Consultant - Open Source Migration Specialist</title>
    <link rel="stylesheet" type="text/css" href="externalstylesheet.css">
      <style type="text/css">
        td.bkgnd {padding: 9px;}
        table.bkgnd {border: 1px solid black; background-color: linen;}
        h1 {font-family: arial; font-size: 16pt; font-style : italic}
        th {font-size: 10pt;}
      </style>
  </head>
<body>
<table style="width:100%;">
<tbody>
<tr style="width:100%;">
  <td style="width:100%;">
    <table class="bkgnd" style="width:800px; display: block; margin: 0 auto;">
      <tbody>
        <tr>
          <td style="width: 800px">
              <h1 style="align:center">Dave Thompson's Contact Page</h1>
              <hr>
              <ul id="list-nav" style="display: block; margin:0 auto">
                  <li><a href="index.htm">Home</a></li>
                  <li><a href="bio.htm">Bio</a></li>
                  <li><a href="career.htm">Career</a></li>
                  <li><a href="realLinks.htm">Links</a></li>
                  <li><a href="contact.htm">Contact</a></li>
              </ul>
              <p style="text-align:center; font-size: smaller">** All content on this site created with <a href="http://brackets.io/?lang=en">Brackets</a> editor **</p>
                              <hr>
              <p>My contact info:</p>
              <p style="font-weight:bold">
                  Dave Thompson<br>
                  <span style="font-weight:normal">
                      <span style="text-decoration: underline;">
                          Address:</span>
                      <span style="text-decoration: none; color:black"><br>
                          5903 Cherokee Loop SE<br>Lacey, Wa. 98503<br><br></span>
                      <span style="text-decoration: underline;">
                          Phone#</span>
                      <span style="text-decoration: none; color:black"><br>
                          360.539.xxxx<br><br></span>
                      <span style="text-decoration: underline;">
                          Website:</span>
                      <span style="text-decoration: none;"><br>
                          Personal: <a id="blackLink" href="http://olympicsoftworks.org" target="_blank">OlympicSoftworks.org</a><br>
                      </span>
                     
                  </span>
              </p>
              <p>You can reach me at: <a id="blackLink" href=[hidden email]>[hidden email]</a></p>
            </td>
          </tr>
        </tbody>
      </table>
      <p>
          <a href="http://jigsaw.w3.org/css-validator/check/referer">
              <img style="border:0;width:88px;height:31px"
                   src="http://jigsaw.w3.org/css-validator/images/vcss"
                   alt="Valid CSS!" />
          </a>
      </p>

</td>
</tr>
</tbody>
</table>
</body>
</html>


External Style-Sheet:

h1 {
    text-align: center;
    font-family: Arial, Verdana, Sans-Serif;
    color: #0000ff;
}

body {
    background-color: #ffdfd0;
    font-family: Times New Roman, Garamond, Serif;
    font-size: 18px;
    color: #00008b;
}

ul#list-nav li a:visited {
    text-decoration:none;
    padding:5px 0;
    width:100px;
    background:#b07018;
    color:#fffbf8;
    float:left;
    text-align:center;
    border-left:1px solid #ffffff;
}


ul#list-nav {
    list-style:none;
    margin:20px;
    padding:0;
    width:525px;
    overflow: hidden;
}

ul#list-nav li {
    display:inline;
}

ul#list-nav li a:link {
    text-decoration:none;
    padding:5px 0;
    width:100px;
    background:#b07018;
    color:#fffbf8;
    float:left;
    text-align:center;
    border-left:1px solid #ffffff;
}

ul#list-nav li a:hover {
    background:#ffe2b0;
    color:#2e2307;
}

a:link#blackLink {
    color: black;
}

a:visited#blackLink {
    color: black;
}

a:hover#blackLink {
    font-weight: bold;
    color: black;
}

a:active#blackLink {
    font-weight: bold;
    color: black;
}


Reply | Threaded
Open this post in threaded view
|

Re: Incorrectly flagging Duplicate IDs

anand123sri
..in/</a>