Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

menu opmnaak probleempje.

Hoi, Mijn cms maakt er deze html van : [code:1:35ebd22a64] <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> [/code:1:35ebd22a64] En ik gebruik deze css op dit moment : [code:1:35ebd22a64] #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; } [/code:1:35ebd22a64] Maar nu zie ik bij februari niet het tweede plaatje maar het eerste. Wat is mijn denkfout ? Roelof

Anoniem
snowman2