Hallo,
ich habe nach langen anderen Versuchen nun auf diese Superarbeit von Just2b zurückgegriffen. Wunderbar mit notwendigen Änderungen funktioniert das Menu (vertikal) mit allen Browsern, außer natürlich Explorer!
Und ich werde demnächst verrückt, finde einfach nicht den Punkt.
Javascript+Css sind direkt in der HTML-Vorlage eingebunden, da ich TemplaVoilà verwende.
Besichtigen kann man mein Menu: http://www.lesablier-editions.com
Und hier mein CSS:
ul#nav,
ul#nav ul {
margin: 0;
padding: 0;
width: 145px; /* Width of Menu Items */
background: transparent; /* IE6 Bug */
}
ul#nav li {
position: relative;
top: 250px;
left: 5px;
list-style: none;
}
ul#nav li a {
display:block;
text-decoration:none;
font-size: 85%;
height:20px;
line-height:20px;
width:144px;
color:#000;
background: transparent;
text-indent:5px;
}
ul#nav li a:hover{
color:#fff;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */
ul#nav ul {
position: absolute;
display: none;
left: 140px; /* Set 1px less than menu width */
top: -255px;
}
ul#nav li ul li a { padding: 1px 0;
background: #CA3232;
} /* Sub Menu Styles */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.over ul ul,
#nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */
ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li.over ul,
ul#nav li li.over ul,
ul#nav li li li.over ul {
display: block; } /* The magic */
ul#nav li.menuparent { background: transparent url(../images/arrow.gif) right center no-repeat; }
ul#nav li.menuparent:hover,
ul#nav li.over {
background-color: #CA3232;
}
Kann mir jemand vielleicht weiterhelfen??
Danke im Voraus,
Astrid
Hallo Astrid,
mach doch mal schnell eine quicktest: original css + ts von mir, funktioniert dann das submenü?
georg
Hallo Georg,
hatte den Test schon gemacht, funktioniert wunderbar...
Astrid
dann liegt der fehler da wo du was geändert hast.. schritt für schritt ändern und kontrolliern, dann findest den fehler schnell
viel erfolg
georg
Habe es jetzt nocheinmal mit deinem Original versucht - funktioniert auch nicht, hatte mich getäuscht. Ist zum verrückt werden.
Momentan habe ich es noch auf meiner Webside.
Was das wohl sein kann??
Astrid
Es liegt an
<SCRIPT type=text/javascript>
window.onload=function(){
Nifty("#menu a","transparent");
}
</SCRIPT>
lg georg
Vielen Dank erstmal für die Mühe!
Jetzt habe ich transparent aus dem Script rausgenommen, aber es funktioniert immer noch nicht...
astrula schrieb
Vielen Dank erstmal für die Mühe!
Jetzt habe ich transparent aus dem Script rausgenommen, aber es funktioniert immer noch nicht...
zeile 40-44 is noch immer drinnen und wenn du die seite mal lokal speicherst, das raus nimmst, dann wirst sehen dass es an dem liegt
georg
Jawohl, das funktioniert!
Natürlich habe ich so ein kleines Problem mit meinem Menu oben, es ist nicht mehr so gut, wenn ich drübergleite...
Trotzdem vielen Dank!
Astrid
Hallo,
hab es bei mir auch grad eingebaut, funktioniert auch einwandfrei *lob*
Nun hätte ich nur noch eine Frage...
Gibt es eine Möglichkeit die Linklänge anzupassen? Hab das horizontale eingebaut.
Also z.b. das bei dem Link "Link" die farbhinterlegung kürzer ist wie bei dem Link "zweiterlink" das sich die Breite automatisch der Linklänge anpasst bzw. das man die Breite einzeln bestimmen kann?
lg
Hallo,
du kannst global die Linklänge bestimmen, via CSS, aber nicht für einen Menüpunkt einzeln
lg georg
Wo man die linklänge allg. verkleinern / vergrößern kann hab ich schon gefunden 😉
schade das es nicht einzeln geht, sind halt teilweise gute lücken drin...
also z.b.:
Linknametest (kleiner Abstand) Linknametest (kleiner Abstand) Linknametest (kleiner Abstand) Link (großer Abstand) Link (großer Abstand) Linkname usw...
und das kann man nicht irgendwie anders noch lösen?
lg
du könntest vielleicht mit optionsplit (siehe tsref) noch zusätzliche style-tags einbringen und dann damit stylen, das könnte klappen, hab ich aber noch nie ausprobiert
lg georg
seite = PAGE
seite {
typeNum = 0
bodyTag = <body bgColor = "#FFFFFF">
stylesheet = fileadmin/dummyfiles/style.css
meta.AUTHOR = Jens
meta.DESCRIPTION = Homepage der CKS Systeme
headerData = COA
headerData.11 = TEXT
headerData.11.value = <script type="text/javascript" src="fileadmin/dummyfiles/horizontal_JS.js"></script>
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/dummyfiles/template_2.html
10.workOnSubpart = DOKUMENT
10.marks {
MENU_OBEN = HMENU
MENU_OBEN {
special = directory
special.value = 850
1 = TMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li>|</li>
IFSUB = 1
IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
ACTIFSUB < .IFSUB
}
2 < .1
2.wrap = <ul>|</ul>
3 < .2
4 < .2
}
}
Bei mir kommt gar nichts,
was hab ich da falsch gemacht? Die Dateien sind alle an dem Ort wo sie hingehöhren, also die Pfade stimmen, hab ich vll einen Teil des TS an der falschen Stellen eingebunden?
Bei mir erscheint unten Links im IE auch immer eine Fehlermeldung, also so ein gelbes Dreieck mit Ausrufungszeichen??
danke auch schonmal für die Bereitstellung der Daten
gruß, theschaaf
die Seite mit der ID 850 gibts? da fängt das Menü nämlich an
georg
danke 🙂
ziemlich geil ich habs tatsächlich hinbekommen, das hätte ich nicht gedacht, und auf den kleinen fehler sollte ich auch selber kommen.
naja, beim horizontalen menü stehen die felder immer noch untereinander, vertikal klappt es gut.
ich könnte mir nur denken das da irgendwo ein zeilenumbruch drin ist, aber den müsste ich, wenns denn so wäre, da ja stehen haben?!
schaaf
----------
alles klaro, fehler selber gefunden, besten dank 8-)
gibt es eine Möglichkeit die Navipunkte zentriert darzustellen?
lg
vll mit
valign="center"
so mach ichs immer in html
mein horizontales menü ist immer viel zu lang, woran kann das liegen? nach dem letzen button gehts noch viel weiter
firefox zeigt mir das menü nicht richtig an
ist das normal?