Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New Coder
    Join Date
    Aug 2006
    Posts
    58
    Thanks
    1
    Thanked 0 Times in 0 Posts

    2 Level Horizontal Navigation - IE problems

    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.

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    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.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    New Coder
    Join Date
    Aug 2006
    Posts
    58
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I now think its the javascript which needs to be changed. Any help other than posting validation errors which dont make a difference?

  • #4
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by mikka23 View Post
    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
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #5
    New Coder
    Join Date
    Aug 2006
    Posts
    58
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Yeah I had thought it was a CSS problem originally. I presume it is still a mixture of the two.

  • #6
    New Coder
    Join Date
    Aug 2006
    Posts
    58
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Does anyone know how I could do rhe navigation without javascript?

  • #7
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    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
    Last edited by effpeetee; 09-30-2007 at 02:12 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #8
    New Coder
    Join Date
    Aug 2006
    Posts
    58
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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

  • #9
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by mikka23 View Post
    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
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •