Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.
Trending News
IE CSS Help (20 characters)?
I have this website I'm making for someone, it's easier to show you what's going on rather than to try to explain it. You'll notice the label and h1 tags are showing up twice, I haven't the slightest clue why. The link to it is: http://phpsite.macabreink.com/form.html .
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...
<html xmlns="http://www.w3.org/1999/xhtml%22%3E
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Form Sheet</title>
<style type="text/css">
body {
font: .8em/1.8em veranda, arial, sans-serif;
background-color: #05357A;
margin-left: 50px;
margin-right: 100px;
}
#content {
border-left: 1px solid #711515;
border-right: 1px solid #711515;
border-bottom: 1px solid #711515;
padding: 10px 5px 6px 5px;
background-color: #fff;
height: 100%;
}
#content h1 {
font-size: 2.2em;
color: #333;
background-color: transparent;
text-align: center;
padding-bottom: 20px;
line-height: 0;
padding: 0;
}
ul#tabnav {
list-style-type: none;
margin: 0;
padding-left: 40px;
padding-bottom: 24px;
border-bottom: 1px solid #555;
font: bold 11px veranda, arial, sans-serif;
}
ul#tabnav li {
float: left;
height: 21px;
background-color: #666;
color: #FFFFFF;
margin: 2px 2px 0 2px;
border-left: 1px solid #111;
border-bottom: 1px solid #777;
border-top: 1px solid #000;
border-right: 1px solid #444;
}
ul#tabnav a:link, ul#tabnav a:visited {
display: block;
background-color: transparent;
color: #000;
text-decoration: none;
padding: 4px;
width: 100px;
font-size: 1.3em;
}
ul#tabnav a:hover {
background-color: #999;
color: #fff;
}
body#form li.part1, body#content li.contact, body#articles li.articles, body#buy li.buy {
border-bottom: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
float: left;
margin-left: 10px;
display: inline; /* <---Solution for bug IE6 */
}
body#form li.part1 a:link, body#part1 li.part1 a:visited, body#content li.part2 a:link, body#content li.part2 a:visited, body#part3 li.part3 a:link, body#part3 li.part3 a:visited, body#part4 li.part4 a:visited {
color: #000000;
background-color: #FFFFFF;
}
#content {
border: 1px solid #666;
border-top: none;
padding: 10px 5px 6px 5px;
}
body#form {
background-color: #036;
}
input {
border: 1px solid #009;
background-color: #999;
}
#search {
width: 55%;
padding: 0;
line-height: 0;
height: 30px;
float: right;
}
</style>
</head>
<body id="form">
<ul id="tabnav">
<li class="part1"><a href="#">Part 1</a></li>
<li class="part2"><a href="#">Part 2</a></li>
<li class="part3"><a href="#">Part 3</a></li>
<li class="part4"><a href="#">Part 4</a></li>
</ul>
<div id="content">
<div id="search">
<form method="get" action="#" id="search" />
<input type="text" id="search" name="search" value="search" />
<br />
<br />
</div>
<!-- end search div -->
<h1>Part 1</h1>
<form id="checkbox" action="#" method="post" />
<label>Offer Letter Signed</label>
<input type="checkbox" id="lett_sign" name="lett_sign" />
<br />
<label>Resume</label>
<input type="checkbox" id="resume" name="resume"/>
<br />
<br />
<input type="submit" name="submit" value="Submit" id="submit" />
<input type="reset" name="reset" value="Reset" id="reset" />
</form>
</div>
</body>
</html>
That's the code for it.
You helped fix it, thanks man!
Wow, I never knew that, thought I knew a lot, but I learn something new everyday, thanks man!
2 Answers
- Anonymous1 decade agoFavorite Answer
line 127 column 3 - Error: discarding unexpected </form>
line 105 column 5 - Warning: <form> anchor "search" already defined
line 107 column 5 - Warning: <input> anchor "search" already defined
Coding errors: http://validator.w3.org/check?verbose=1&uri=http%3...
Ron
- 1 decade ago
"Name" and "ID" are interchangeable in calling for a CSS selector--they do the same thing. In your form, you are calling for the selector twice using "name" AND "id". Try removing either the "name" or "id" (pick one and use it) in your form. There is more but I'm trying to just make it simple :>)
