lijst probleem

R

roelof

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
 
J

Jim Moe

roelof said:
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.
 
J

Jonathan N. Little

roelof said:
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.
 
J

Jim Moe

roelof said:
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.
 
R

roelof

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.

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
 
B

Bergamot

roelof said:
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.
 
R

roelof

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

No,

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

Regards,

Roelof
 

Ask a Question

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

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,484
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top