- From: Dave Thompson <freesoftwaredave@gmail.com>
- Date: Mon, 20 Oct 2014 18:53:32 -0700
- To: www-validator@w3.org
- CC: CEdwardsWalcott@kaplan.edu
- Message-ID: <5445BC9C.4070606@gmail.com>
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