mal was, was ich nicht gelöst bekomme. In der Navigationsleiste soll beim Überfahren mit der Maus und anklicken die Untermenüs aufgehen. Jetzt erscheinen sie bein anklicken links in der Leiste und das soll weiterhin bleiben. Zusätzlich jetzt eben auch beim Darüberfahren.
Anbei Ausschnitt aus der index.htm
1 2 3 4 5 6 7 8 9 | <div id="navi"> <table width="100%" height="5" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <ul id="navi">{_list_menunr5@%2}</ul> </td> </tr> </table> </div> |
und die navi.css
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 | * { margin:0; padding:0; list-style:none; text-decoration:none; } #navi { background-color: ; /* Hintergrund Navigationsleiste horizontal */ position:absolute; top:85px; /* Hoehe der Navileiste von oben */ left: 6px; float: none; z-index:0; border:0px; font-size: 1.188em; } ul#navi { float:none; background: #00FF00; /* Hintergrundfarbe horizontale Zeiele */ /* background: rgba(185,180,55,0.5); Hintergrundfarbe horizontale Zeiele */ width:932px; /* geändert von 150px auf 100% */ } /* Alle A Elemente zum Blockelement befördern */ ul#navi a { display:block; /* Die wichtigste Regel ist display:block und sorgt dafür, dass sich das A-Element über die gesamte Breite der Navigation erstreckt. */ padding:5px; color:#000000; /* Schriftfarbe der Navigation */ font-weight: bolder; border-right:0px solid; /* Abstaende zwischen den Navizellen */ text-align:center; font-size: 1.000em; /* Schriftgroesse der Navi */ } /* Alle LI Elemente relativ positionieren */ ul#navi li { position:relative; /* Alle LI Elemente relativ positionieren */ float:left; /* hinzugefügt um eine horizontale Ausrichtung zu erzielen */ width:7.075em; /* Hinzugefügt 150px / 16 = 9.375em */ } /* Alle Ebenen ausblenden */ /* Alle UL Elemente ausblenden bzw. ins Aus befördern */ ul#navi ul , ul#navi li:hover ul ul , ul#navi li:hover ul ul ul { position:absolute; background:#FFFF80; } ul#navi li:hover ul { /* background:#0000FF; */ background-image: url(Bilder/menu/hinter2.jpeg); } ul#navi li:hover ul ul { background:#777; } ul#navi li:hover ul ul ul { background:#444; } ul#navi ul { top:auto; /* Neue Position definiert 16px Schriftgröße + (2 x 5px) padding = 30px / 16 = 1.875em*/ } /* Einzelne Ebenen einblenden */ ul#navi li:hover ul { left:0; } /* Neuer Deklarationsblock um die Unterpunkte präzise zu positionieren */ ul#navi ul li:hover ul , ul#navi ul ul li:hover ul { position:absolute; left:100%; top:0; } /* Hover Hinter- und Vordergrundfarbe für alle Ebenen */ ul#navi li:hover > a , ul#navi ul li:hover > a, ul#navi ul ul li:hover > a, ul#navi ul ul ul li:hover > a { /* background:#80FF80; */ background-color: #CCFF00; font: italic; color: #0000FF; } ul#navi a span { float:right; font-weight:normal; } |
Bin mitlerweile ratlos.
MfG heinz2
verwendete ilch Version: 1.1 P
betroffene Homepage: fischerfreunde-haimhausen.de