I have a menu bar, actually two for testing purposes, but they both show the menu items way below the menu bar so that I can't get to the items since the menus close when you move the mouse off. What's up with that? I think it is a problem with a <div> tag but I can't figure out which one or what the problem is. Any ideas? Here is the page:<br />
<br />
<!-- m --><a class="postlink" href="http://64.62.141.145/menutest4.htm">http://64.62.141.145/menutest4.htm</a><!-- m --><br />
<br />
Its a bit of a mess right now but this is just for testing.<br />
<br />
P.S. Is there an easier/less bulky way to get the same kind of menus? This adds about 20k to each page!<!--content-->Hi Bob,<br />
<br />
well that is the problem with doing menus like that, they add to the pages overall length. but to fix your problem should be easy. just find a section that will allow you to edit the menu. some where there shold be a spot that will let you configure the placement of the sub menus. just edit those and it should be fine. the reason they don't stay up when you mouse over them is becasue they are too low to get to. once they are in the correct position it should be easier.<!--content-->I suppose that setting is probably in the Javascript file. I tried messing around with the CSS but it didn't do the trick.<br />
<br />
What I don't understand is why it works great when it is on a page by itself but when I put it above or in a table the menus get separated from the menu buttons and menu bar.<!--content-->Hmm, there are a load of problems with the [HTML (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2F64.62.141.145%2Fmenutest4.htm&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a><!-- m -->)] and a few with the [CSS (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2F64.62.141.145%2Fmenutest4.htm&warning=1&profile=css2">http://jigsaw.w3.org/css-validator/vali ... ofile=css2</a><!-- m -->)] which need to be fixed up.<br />
<br />
Add type="text/javascript" to every <script> tag.<br />
<br />
Add type="text/css" to every <style> tag.<br />
<br />
All <style> tags should be in the <head> section not in the </body>.<br />
<br />
Correct the entity errors by changing every & in the URLs to be & instead.<br />
<br />
Add alt="some text" to every tag. On unimportant images, like spacer elements, and bullet-point images, a minimum of alt="" is fine.<br />
<br />
In CSS, all numbers should always have the units of measure specified.<br />
<br />
After fixing those above, maybe the final few errors will help you solve the original problem. CSS relies on having valid and well-formed code.<!--content-->Add type="text/javascript" to every <script> tag.Fixed one instance of this.Add type="text/css" to every <style> tag.<br />
All <style> tags should be in the <head> section not in the </body>.What page are you looking at. There are no style tags on this page. The CSS is in an external file.Correct the entity errors by changing every & in the URLs to be & instead.Again there are no unnecessary "&" signs in any of the URLs. Can you show me an example from this page? <!-- m --><a class="postlink" href="http://64.62.141.145/menutest4.htm">http://64.62.141.145/menutest4.htm</a><!-- m --><br />
Add alt="some text" to every tag. On unimportant images, like spacer elements, and bullet-point images, a minimum of alt="" is fine.There are no alt tags missing. Did you look at the page or just submit ti to the validator as I would have when I am finished messing about. As I said this page is not yet ready to go on-line.In CSS, all numbers should always have the units of measure specified.They are. I am curious as to which CSS you are referring to here since all my "Numbers" have units associated with them.<br />
<br />
The above items you mention are not a problem with this page and even if they were would have very little to do with the problem I was experiencing. However, the point is moot since I have changed the menu and now have it figured out. The new menu (<!-- m --><a class="postlink" href="http://64.62.141.145/">http://64.62.141.145/</a><!-- m -->) I simply used "AllWebMenus" and have had no trouble as well as getting the file size down to a minimum. Thanks for your help anyway.<br />
<br />
BTW I would refrain from using the validators on people's pages and simply publishing the results here. Anyone can use them. Everyone does. And they do not tell the whole truth and nothing but the truth. They are useful to find minor problems but relying on them to fix a page is not usually a good idea. But thanks for your help anyway.<!--content-->I'm not sure why you believe that those errors are not on your page. They are. They are shown by clicking the two links in the message above, repeated again here: [HTML (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2F64.62.141.145%2Fmenutest4.htm&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a><!-- m -->)] and [CSS (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2F64.62.141.145%2Fmenutest4.htm&warning=1&profile=css2">http://jigsaw.w3.org/css-validator/vali ... ofile=css2</a><!-- m -->)] .<br />
<br />
<style type="text/css"><!-- #surveyDiv {position:absolute; height:1; width:1; top:0; left:0;} --></style> is inside the <body>. That is the wrong place.<br />
<br />
Loads of <script> tags are missing the type="text/javascript" attribute.<br />
<br />
Every URL needs the ampersand to be escaped, the browser will send the unescaped version to the server. Change every & to be & instead; every single one that you find. <br />
<br />
You have changed something on your page, so the CSS validator just pukes completely now. Before this, it was saying that there were no units of measure stated for three of your CSS entries; "only value of zero need not state units". All numbers in CSS must have either # px pt em or % associated with them.<!--content-->I see what you are talking about now. I was looking at my code. Every error that you mention is in automatically generated copyrighted code from applications which supply the code to use ("PHPLive", "csRecommend", "GuestMap"). I assumed they were correct and didn't look at them.<br />
<br />
However, to comply with your suggestions I have removed the style tag (don't know where to put it since I already have a style sheet linked to this page so I just deleted that style tag.) It seems to work fine (as it did before). I have also added type="text/javascript" to two of the tags within this code.<br />
<br />
I have also changed the "&" in the URLs which are also contained with in these same auto generated copyrighted code.<br />
<br />
I am surprised that this code is incorrectly generated. I never questioned it since they know a lot more than me
<!--content-->>> I am surprised that this code is incorrectly generated. I never questioned it since they know a lot more than me. <<<br />
<br />
Just because the company is big, well-known, reputable, or whatever label you might wish to apply to them, you shouldn't ever assume that they actually employ people who have any idea what they are doing!<br />
<br />
Maybe you could write to them (as a concerned surfer) to tell them that their code sucks?<br />
<br />
<br />
<br />
Your [CSS (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2F64.62.141.145%2Fmenutest4.htm&warning=1&profile=css2">http://jigsaw.w3.org/css-validator/vali ... ofile=css2</a><!-- m -->)] has gone completely t'its up now, with loads of errors after line 480 (all of the earlier errors in the list are just pointing out that you have used browser-specific code.) and you have over a hundred CSS warnings to sort out as well.<br />
<br />
<br />
Are you telling me that you cannot reach all of the other [HTML (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2F64.62.141.145%2Fmenutest4.htm&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a><!-- m -->)] errors?<!--content-->
<br />
<!-- m --><a class="postlink" href="http://64.62.141.145/menutest4.htm">http://64.62.141.145/menutest4.htm</a><!-- m --><br />
<br />
Its a bit of a mess right now but this is just for testing.<br />
<br />
P.S. Is there an easier/less bulky way to get the same kind of menus? This adds about 20k to each page!<!--content-->Hi Bob,<br />
<br />
well that is the problem with doing menus like that, they add to the pages overall length. but to fix your problem should be easy. just find a section that will allow you to edit the menu. some where there shold be a spot that will let you configure the placement of the sub menus. just edit those and it should be fine. the reason they don't stay up when you mouse over them is becasue they are too low to get to. once they are in the correct position it should be easier.<!--content-->I suppose that setting is probably in the Javascript file. I tried messing around with the CSS but it didn't do the trick.<br />
<br />
What I don't understand is why it works great when it is on a page by itself but when I put it above or in a table the menus get separated from the menu buttons and menu bar.<!--content-->Hmm, there are a load of problems with the [HTML (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2F64.62.141.145%2Fmenutest4.htm&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a><!-- m -->)] and a few with the [CSS (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2F64.62.141.145%2Fmenutest4.htm&warning=1&profile=css2">http://jigsaw.w3.org/css-validator/vali ... ofile=css2</a><!-- m -->)] which need to be fixed up.<br />
<br />
Add type="text/javascript" to every <script> tag.<br />
<br />
Add type="text/css" to every <style> tag.<br />
<br />
All <style> tags should be in the <head> section not in the </body>.<br />
<br />
Correct the entity errors by changing every & in the URLs to be & instead.<br />
<br />
Add alt="some text" to every tag. On unimportant images, like spacer elements, and bullet-point images, a minimum of alt="" is fine.<br />
<br />
In CSS, all numbers should always have the units of measure specified.<br />
<br />
After fixing those above, maybe the final few errors will help you solve the original problem. CSS relies on having valid and well-formed code.<!--content-->Add type="text/javascript" to every <script> tag.Fixed one instance of this.Add type="text/css" to every <style> tag.<br />
All <style> tags should be in the <head> section not in the </body>.What page are you looking at. There are no style tags on this page. The CSS is in an external file.Correct the entity errors by changing every & in the URLs to be & instead.Again there are no unnecessary "&" signs in any of the URLs. Can you show me an example from this page? <!-- m --><a class="postlink" href="http://64.62.141.145/menutest4.htm">http://64.62.141.145/menutest4.htm</a><!-- m --><br />
Add alt="some text" to every tag. On unimportant images, like spacer elements, and bullet-point images, a minimum of alt="" is fine.There are no alt tags missing. Did you look at the page or just submit ti to the validator as I would have when I am finished messing about. As I said this page is not yet ready to go on-line.In CSS, all numbers should always have the units of measure specified.They are. I am curious as to which CSS you are referring to here since all my "Numbers" have units associated with them.<br />
<br />
The above items you mention are not a problem with this page and even if they were would have very little to do with the problem I was experiencing. However, the point is moot since I have changed the menu and now have it figured out. The new menu (<!-- m --><a class="postlink" href="http://64.62.141.145/">http://64.62.141.145/</a><!-- m -->) I simply used "AllWebMenus" and have had no trouble as well as getting the file size down to a minimum. Thanks for your help anyway.<br />
<br />
BTW I would refrain from using the validators on people's pages and simply publishing the results here. Anyone can use them. Everyone does. And they do not tell the whole truth and nothing but the truth. They are useful to find minor problems but relying on them to fix a page is not usually a good idea. But thanks for your help anyway.<!--content-->I'm not sure why you believe that those errors are not on your page. They are. They are shown by clicking the two links in the message above, repeated again here: [HTML (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2F64.62.141.145%2Fmenutest4.htm&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a><!-- m -->)] and [CSS (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2F64.62.141.145%2Fmenutest4.htm&warning=1&profile=css2">http://jigsaw.w3.org/css-validator/vali ... ofile=css2</a><!-- m -->)] .<br />
<br />
<style type="text/css"><!-- #surveyDiv {position:absolute; height:1; width:1; top:0; left:0;} --></style> is inside the <body>. That is the wrong place.<br />
<br />
Loads of <script> tags are missing the type="text/javascript" attribute.<br />
<br />
Every URL needs the ampersand to be escaped, the browser will send the unescaped version to the server. Change every & to be & instead; every single one that you find. <br />
<br />
You have changed something on your page, so the CSS validator just pukes completely now. Before this, it was saying that there were no units of measure stated for three of your CSS entries; "only value of zero need not state units". All numbers in CSS must have either # px pt em or % associated with them.<!--content-->I see what you are talking about now. I was looking at my code. Every error that you mention is in automatically generated copyrighted code from applications which supply the code to use ("PHPLive", "csRecommend", "GuestMap"). I assumed they were correct and didn't look at them.<br />
<br />
However, to comply with your suggestions I have removed the style tag (don't know where to put it since I already have a style sheet linked to this page so I just deleted that style tag.) It seems to work fine (as it did before). I have also added type="text/javascript" to two of the tags within this code.<br />
<br />
I have also changed the "&" in the URLs which are also contained with in these same auto generated copyrighted code.<br />
<br />
I am surprised that this code is incorrectly generated. I never questioned it since they know a lot more than me
<!--content-->>> I am surprised that this code is incorrectly generated. I never questioned it since they know a lot more than me. <<<br /><br />
Just because the company is big, well-known, reputable, or whatever label you might wish to apply to them, you shouldn't ever assume that they actually employ people who have any idea what they are doing!<br />
<br />
Maybe you could write to them (as a concerned surfer) to tell them that their code sucks?<br />
<br />
<br />
<br />
Your [CSS (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2F64.62.141.145%2Fmenutest4.htm&warning=1&profile=css2">http://jigsaw.w3.org/css-validator/vali ... ofile=css2</a><!-- m -->)] has gone completely t'its up now, with loads of errors after line 480 (all of the earlier errors in the list are just pointing out that you have used browser-specific code.) and you have over a hundred CSS warnings to sort out as well.<br />
<br />
<br />
Are you telling me that you cannot reach all of the other [HTML (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2F64.62.141.145%2Fmenutest4.htm&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a><!-- m -->)] errors?<!--content-->