lijst probleem

Discussion in 'HTML' started by roelof, Apr 23, 2007.

  1. roelof

    roelof Guest

    Hello,

    For a menu makes my cms this code :

    <ul>
    <li>
    <a href="index.php?id=16" onfocus="blurLink(this);"
    class="no">
    <img src="clear.gif" width="9" height="1" border="0" alt=""
    title="" />
    Home</a>
    </li>
    <li>
    <A href="javascript:;"
    onmousedown="zmenu.foldMenu('zmenu-17');return false;" style="cursor:
    pointer;cursor: hand;" class="no">
    <img src="typo3conf/ext/foldoutmenu/examples/vertical/images/
    arrow_down.gif" width="9" height="9" border="0" align="top"
    id="zmenu-17-0" alt="Click to close" title="Click to close" />
    Zwangerschap</a>
    <ul id="zmenu-17">
    <li>
    <a href="index.php?id=18" onfocus="blurLink(this);"
    class="act">
    <img src="clear.gif" width="9" height="1" border="0"
    alt="" title="" />
    Februari 2005</a>
    </li>
    </ul>
    </li>
    </ul>
    </div>

    And the relevant css is :

    #menuz ul {list-style: none;margin: 0px;padding: 0px;}
    #menuz ul ul {display:none;} #menuz A.no, #menuz A.act {color:
    #000000;text-decoration: none;}
    #menuz A.act, #menuz A.act:hover { font-weight : bold;}
    #menuz A {display:block;border-bottom:1px solid #005073;padding: 3px
    5px 3px 5px;}
    *html #menuz A {width: 100%;} /* IE */
    #menuz UL IMG {margin:2px 3px 2px 0px;}
    #menuz UL UL IMG {margin-left:6px;}
    #menuz UL UL UL IMG {margin-left:12px;}
    #menuz UL A {
    display: block;
    padding-top: 17px;
    padding-left: 37px;
    width: 182px;
    background-color: #DCE3ED;
    border-bottom: 1px solid #eee;
    background-image: url(images/menu1.png);
    background-repeat: repeat-x;
    height: 27px;
    #menuz UL A:hover {background: #80c8e6;}
    #menuz UL LI UL A {
    display: block;
    padding-top: 17px;
    padding-left: 37px;
    width: 182px;
    background-color: #DCE3ED;
    border-bottom: 1px solid #eee;
    background-image: url(images/menu2.png);
    background-repeat: repeat-x;
    height: 27px;
    }



    But now i see with Februari 2005 not the second and but the first
    image.
    What's went wrong ?

    Roelof
    roelof, Apr 23, 2007
    #1
    1. Advertising

  2. roelof

    Jim Moe Guest

    roelof wrote:
    >
    > For a menu makes my cms this code :
    >

    Post an URL to a test case.
    The code snippet you provided is incomplete and useless to answer your
    question.

    --
    jmm (hyphen) list (at) sohnen-moe (dot) com
    (Remove .AXSPAMGN for email)
    Jim Moe, Apr 23, 2007
    #2
    1. Advertising

  3. roelof

    roelof Guest

    On 23 apr, 21:21, Jim Moe <> wrote:
    > roelof wrote:
    >
    > > For a menu makes my cms this code :

    >
    > Post an URL to a test case.
    > The code snippet you provided is incomplete and useless to answer your
    > question.
    >
    > --
    > jmm (hyphen) list (at) sohnen-moe (dot) com
    > (Remove .AXSPAMGN for email)


    I can give you the url of one of the pages of my site build with the
    cms.
    It's : http://typo3.tamarawobben.nl

    Regards,

    Roelof
    roelof, Apr 23, 2007
    #3
  4. roelof wrote:

    > I can give you the url of one of the pages of my site build with the
    > cms.
    > It's : http://typo3.tamarawobben.nl
    >



    Quick look revealed:

    1) New page do not use transitional DTD use:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    2) HTML does not use XHTML syntax "... />" Fix meta tags and link elements:
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    3) If you use Firefox and view the Error Console, your will see your CSS
    has errors, one example is

    #menuz UL A {
    display: block;
    padding-top: 17px;
    padding-left: 37px;
    width: 182px;
    background-color: #DCE3ED;
    border-bottom: 1px solid #eee;
    background-image: url(images/menu1.png);
    background-repeat: repeat-x;
    height: 27px; <<------------------------- missing closing '}'
    #menuz UL A:hover {background: #80c8e6;}

    4) Links with href="javascript..." very bad practice, href's should go
    somewhere! I know you are using it just to expand your menu, but that
    brings me to 4a

    4a) Site navigation dependent upon JavaScript is also a *very bad*
    idea...you should at least have a graceful fall-back if JavaScript is
    disabled on not available.


    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, Apr 23, 2007
    #4
  5. roelof

    Jim Moe Guest

    roelof wrote:
    >
    > I can give you the url of one of the pages of my site build with the
    > cms.
    > It's : http://typo3.tamarawobben.nl
    >

    I do not see the problem you describe. The menu item drops down when the
    first is selected. It seems to operate like the code indicates.

    --
    jmm (hyphen) list (at) sohnen-moe (dot) com
    (Remove .AXSPAMGN for email)
    Jim Moe, Apr 24, 2007
    #5
  6. roelof

    roelof Guest

    On 24 apr, 06:16, Jim Moe <> wrote:
    > roelof wrote:
    >
    > > I can give you the url of one of the pages of my site build with the
    > > cms.
    > > It's :http://typo3.tamarawobben.nl

    >
    > I do not see the problem you describe. The menu item drops down when the
    > first is selected. It seems to operate like the code indicates.
    >
    > --
    > jmm (hyphen) list (at) sohnen-moe (dot) com
    > (Remove .AXSPAMGN for email)


    Hello,

    The menu works.
    But what i mean is if you choose februari you must see :
    http://typo3.tamarawobben.nl/fileadmin/template/images/menu2.png and
    not http://typo3.tamarawobben.nl/fileadmin/template/images/menu1.png.

    Regards,

    Roelof
    roelof, Apr 24, 2007
    #6
  7. roelof

    Jim Moe Guest

    roelof wrote:
    >> > It's :http://typo3.tamarawobben.nl

    >>
    >> I do not see the problem you describe. The menu item drops down when the
    >> first is selected. It seems to operate like the code indicates.

    >
    > The menu works.
    > But what i mean is if you choose februari you must see :
    > http://typo3.tamarawobben.nl/fileadmin/template/images/menu2.png and
    > not http://typo3.tamarawobben.nl/fileadmin/template/images/menu1.png.
    >

    All I see is menu2.
    Which browser are you using? I have Seamonkey (Mozilla).
    You should be using the HTML 4.01 Strict DTD, not Transitional.
    Correct the validation errors, especially the mixed HTML and XHTML bits.
    With invalid code you are at the mercy of the error recovery mechanisms of
    each browser.
    The menu is completely non-functional with Javascript disabled.

    --
    jmm (hyphen) list (at) sohnen-moe (dot) com
    (Remove .AXSPAMGN for email)
    Jim Moe, Apr 24, 2007
    #7
  8. roelof

    roelof Guest

    On 24 apr, 20:14, Jim Moe <> wrote:
    > roelof wrote:
    > >> > It's :http://typo3.tamarawobben.nl

    >
    > >> I do not see the problem you describe. The menu item drops down when the
    > >> first is selected. It seems to operate like the code indicates.

    >
    > > The menu works.
    > > But what i mean is if you choose februari you must see :
    > >http://typo3.tamarawobben.nl/fileadmin/template/images/menu2.pngand
    > > nothttp://typo3.tamarawobben.nl/fileadmin/template/images/menu1.png.

    >
    > All I see is menu2.
    > Which browser are you using? I have Seamonkey (Mozilla).
    > You should be using the HTML 4.01 Strict DTD, not Transitional.
    > Correct the validation errors, especially the mixed HTML and XHTML bits.
    > With invalid code you are at the mercy of the error recovery mechanisms of
    > each browser.
    > The menu is completely non-functional with Javascript disabled.
    >
    > --
    > jmm (hyphen) list (at) sohnen-moe (dot) com
    > (Remove .AXSPAMGN for email)


    Hello,

    I use IE 6 as browser.
    I change the doc-type to xhtml 1.0 strict and there is still one
    error.
    I know now that the java-script "Linkhref" makes the big A which
    causes the validation error.
    I have to find out how to change that.

    Regarding the background , do you see one or two different
    backgrounds ?
    Februari must have a green one and the rest a brown one ?

    Regarding the javascript, i don't know any menu system with menu and
    submenu's containing some 30 - 40 items without javascript which will
    work properly without javascript and aren't to big.

    Regards,

    Roelof
    roelof, Apr 26, 2007
    #8
  9. roelof

    Bergamot Guest

    roelof wrote:
    >
    > Regarding the javascript, i don't know any menu system with menu and
    > submenu's containing some 30 - 40 items without javascript which will
    > work properly without javascript and aren't to big.


    A submenu with 30-40 items is too big, with or without JavaScript. Make
    a site map instead.

    --
    Berg
    Bergamot, Apr 26, 2007
    #9
  10. roelof

    roelof Guest

    On 26 apr, 19:57, Bergamot <> wrote:
    > roelof wrote:
    >
    > > Regarding the javascript, i don't know any menu system with menu and
    > > submenu's containing some 30 - 40 items without javascript which will
    > > work properly without javascript and aren't to big.

    >
    > A submenu with 30-40 items is too big, with or without JavaScript. Make
    > a site map instead.
    >
    > --
    > Berg


    No,

    The menu has 7 headmenu choices where 3 has 12 submenu items.

    Regards,

    Roelof
    roelof, Apr 26, 2007
    #10
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.

Share This Page