...

View Full Version : 2 Level Horizontal Navigation - IE problems



mikka23
09-29-2007, 08:21 PM
Well I have a two level horizontal navigation. I have two problems with what I currently have.

1. In IE6 the second level links are vertical on separate lines instead of being horizontal like in FF.

2. I wish the current pages sub links to be displayed as default. For example if you were on the page linked to by menu item 1 then items under menu item 1 would be displayed until you hovered over a different link.

You can view my coding so far: http://www.fuvz.com/sporting/index.html

3rd link has the sub links applied. Would be every link on actual website though. All help is appreciated.

effpeetee
09-29-2007, 11:01 PM
This is the result of a W3 validation html.

Frank

This page is not Valid XHTML 1.0 Transitional!
Result: Failed validation, 5 Errors
Address:
Encoding: iso-8859-1 (detect automatically) utf-8 (Unicode, worldwide) utf-16 (Unicode, worldwide) iso-8859-1 (Western Europe) iso-8859-2 (Central Europe) iso-8859-3 (Southern Europe) iso-8859-4 (North European) iso-8859-5 (Cyrillic) iso-8859-6-i (Arabic) iso-8859-7 (Greek) iso-8859-8 (Hebrew, visual) iso-8859-8-i (Hebrew, logical) iso-8859-9 (Turkish) iso-8859-10 (Latin 6) iso-8859-11 (Latin/Thai) iso-8859-13 (Latin 7, Baltic Rim) iso-8859-14 (Latin 8, Celtic) iso-8859-15 (Latin 9) iso-8859-16 (Latin 10) us-ascii (basic English) euc-jp (Japanese, Unix) shift_jis (Japanese, Win/Mac) iso-2022-jp (Japanese, email) euc-kr (Korean) gb2312 (Chinese, simplified) gb18030 (Chinese, simplified) big5 (Chinese, traditional) Big5-HKSCS (Chinese, Hong Kong) tis-620 (Thai) koi8-r (Russian) koi8-u (Ukrainian) iso-ir-111 (Cyrillic KOI-8) macintosh (MacRoman) windows-1250 (Central Europe) windows-1251 (Cyrillic) windows-1252 (Western Europe) windows-1253 (Greek) windows-1254 (Turkish) windows-1255 (Hebrew) windows-1256 (Arabic) windows-1257 (Baltic Rim)
Doctype: XHTML 1.0 Transitional (detect automatically) XHTML 1.0 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset HTML 4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset HTML 3.2 HTML 2.0 ISO/IEC 15445:2000 ("ISO HTML") XHTML 1.1 XHTML Basic 1.0 XHTML-Print 1.0 XHTML 1.1 plus MathML 2.0 XHTML 1.1 plus MathML 2.0 plus SVG 1.1 MathML 2.0 SVG 1.0 SVG 1.1 SVG 1.1 Tiny SVG 1.1 Basic SMIL 1.0 SMIL 2.0
Root Element: html
Root Namespace: http://www.w3.org/1999/xhtml
OptionsShow Source Show Outline List Messages Sequentially Group Error Messages by type
Validate error pages Verbose Output Clean up Markup with HTML Tidy
Help on the options is available.

↑ Top

Validation Output: 5 Errors
Line 180, Column 10: value of attribute "id" invalid: "1" cannot start a name.
<ul id="1">✉
It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.

Line 187, Column 10: value of attribute "id" invalid: "2" cannot start a name.
<ul id="2">✉
It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.

Line 195, Column 10: value of attribute "id" invalid: "3" cannot start a name.
<ul id="3">✉
It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.

Line 203, Column 10: value of attribute "id" invalid: "4" cannot start a name.
<ul id="4">✉
It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.

Line 210, Column 10: value of attribute "id" invalid: "5" cannot start a name.
<ul id="5">✉
It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.

mikka23
09-30-2007, 12:17 AM
I now think its the javascript which needs to be changed. Any help other than posting validation errors which dont make a difference?

effpeetee
09-30-2007, 12:20 AM
I now think its the javascript which needs to be changed. Any help other than posting validation errors which dont make a difference?
Perhaps you should post this on the Javascript section.

Frank

mikka23
09-30-2007, 12:27 AM
Yeah I had thought it was a CSS problem originally. I presume it is still a mixture of the two.

mikka23
09-30-2007, 11:34 AM
Does anyone know how I could do rhe navigation without javascript?

effpeetee
09-30-2007, 12:38 PM
Most coders will not be interested while the code is still invalid.
I know from experience.

http://validator.w3.org/#validate-by-upload

This site may help you.

http://www.softcomplex.com/products/tigra_menu/

Frank

mikka23
09-30-2007, 03:06 PM
I have changed to a purely css navigation. Only two problems which I have and cannot fix.

1. Main Links only the top is a link. If you hover over bottom nothing happens.

2. Sub links background is positioned wrongly in IE6.

Coding: http://www.fuvz.com/sporting/index2.html

effpeetee
09-30-2007, 03:29 PM
I have changed to a purely css navigation. Only two problems which I have and cannot fix.

1. Main Links only the top is a link. If you hover over bottom nothing happens.

2. Sub links background is positioned wrongly in IE6.

Coding: http://www.fuvz.com/sporting/index2.html
http://litmusapp.com/cssvista/

This site has an interactive program which may help you.

And have you had a look the the url in my signature. There are many sites there including ones for menus.

My coding knowledge is far from extensive, so I try to help with useful sources.

Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum