tee wrote:
This is the page I'd working on now. The body and the menu buttons are in id so it works but doesn't pass the validation of course. http://www.lotusseeds.com/big5.htm
<.div id="siteOption">
<ul>
<li id="home"><a href="traditional.html" id="home" title="home"
accesskey="1" ></a></li>
</ul>
</div>
Hi,
The problem is the still the same, but perhaps you missed the answers earlier.
You can only use id="home" once on any page--one time and one time only--and never twice on the same page. This includes using the same id on different tags or elements; if you use it on a <li> tag you cannot use it on an <a> tag--even if it is in a separate <div> or other element. The same rule applies for all id's--each one must be different e.g unique, not the same,... the only one of it's kind.
In one instance you have (which is done correctly btw):
<div id="navcontainer">
<ul id="navlist">
<li id="home"><a href="http://www.lotusseeds.com";...In another you have:
<div id="siteOption">
<ul>
<li id="home"><a href="traditional.html" id="home"...The conflict is that you have 2 <li>'s (the <li> in navlist and the li in #siteOption) and 1 <a> (in #siteOption) all using the same id. To make this work you will need to give each <li> and each <a> a unique or different id or you simplify your specificity to use the id's already available to you--you don't have to give every element an id.
For example you could give each a unique id like so:
<div id="navcontainer">
<ul id="navlist">
<li id="home"><a href="http://www.lotusseeds.com";...<div id="siteOption">
<ul>
<li id="sohome"><a href="traditional.html" id="soLink"...Then you can style <li id="sohome"> based on unique id like so:
#sohome {
rules
}And the <a id="soLink">:
#soLink {
rules
}****OR**** you could simplify your specificity like so:
To style the <li> within <div id="siteOption"> you could use:
#siteOption li {
rules
}To style the <a> within <div id="siteOption"> you could use:
#siteOption li a {
rules
}Regardless of the approach you choose, you cannot give any id to more than one element.
The Validator is a great tool for spotting these types of errors, so use it to identify where you have used an id more than once... there are allot of instances to correct.
-- Best regards, Michael Wilson
****************************************************** The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
