W3C home > Mailing lists > Public > www-validator@w3.org > October 2014

Incorrectly flagging Duplicate IDs

From: Dave Thompson <freesoftwaredave@gmail.com>
Date: Mon, 20 Oct 2014 18:53:32 -0700
Message-ID: <5445BC9C.4070606@gmail.com>
To: www-validator@w3.org
CC: CEdwardsWalcott@kaplan.edu
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="mailto://freesoftwaredave@gmail.com"*>*freesoftwaredave@gmail.com</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="mailto://freesoftwaredave@gmail.com">freesoftwaredave@gmail.com</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;
}
Received on Thursday, 23 October 2014 20:50:05 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 1 March 2016 14:18:11 UTC