|
|||
Aufklappendes menü
Hallo, alle zusammen,
ich habe jetzt schon einige Stunden damit verbracht und viel im netz gesucht, aber keine befriedigende Antwort für mein problem gefunden. Wäre toll, wenn mir jemand helfen könnte. mfg relativ-egal Code:
<script type="text/javascript"> function switchlayer(Layer_Name) { var GECKO = document.getElementById? 1:0 ; var NS = document.layers? 1:0 ; var IE = document.all? 1:0 ; if (GECKO) {document.getElementById(Layer_Name).style.display= (document.getElementById(Layer_Name).style.display=='block') ? 'none' : 'block';} else if (NS) {document.layers[Layer_Name].display=(document.layers[Layer_Name].display== 'block') ? 'none' : 'block';} else if (IE) {document.all[Layer_Name].style.display=(document.all[Layer_Name].style.display== 'block') ? 'none' : 'block';} } </script> <b> So siehts aus </b> <br> <a href="" onclick="javascript:switchlayer('Main'); return false;">Main</a><br> <ul id="Main" style="display:none"> <a href="" onclick="javascript:switchlayer('Chaos'); return false;">Sub1</a><br> <ul id="Chaos" style="display:none"> SubSub1.1 <br> SubSub1.2 <br> SubSub1.3 <br> </ul> <a href="" onclick="javascript:switchlayer('IG'); return false;">Sub2</a><br> <ul id="IG" style="display:none"> SubSub2.1<br> SubSub2.2<br> </ul> <a href="" onclick="javascript:switchlayer('SM');return false;">Sub3</a><br> <ul id="SM" style="display:none"> SubSub3.1<br> SubSub3.2<br> </ul> </ul> <br><br><br><br><br><br> <b> So solls eigendlich aufgeklappt aussehen </b> <br> Main<br> Sub1<br> SubSub1.1<br> SubSub1.2<br> SubSub1.3<br> <br> Sub2<br> SubSub2.1<br> SubSub2.2<br> SubSub2.3<br> <br> Sub3<br> SubSub3.1<br> SubSub3.2<br> SubSub3.3<br> |
Sponsored Links |
|
|||
Hallo,
vielleicht möchtest du dir erst nochmal ansehen, wie man Listen aufbaut: http://de.selfhtml.org/html/text/listen.htm#aufzaehlung Und dann versuch bitte dein Problem etwas deutlicher zu beschreiben.. mir ist jedenfalls nicht ganz klar was genau nicht funktioniert. Die Einrückung? das Ausklappen? In welchem Browser...? |
Sponsored Links |
|
|||
moin,
ich will ne Liste haben, die aussieht, wie diese hier. http://de.selfhtml.org/html/text/anzeige/ul_ul.htm Allerdings möchte ich, dass die unterpunkte nur ein zeichen weit eingerückt werden und nicht so wie jetzt einen ganzen tab ... thx schon mal für die antwort mfg |
|
|||
Alles klar
Dann solltest du als erstes deine Listen vervollständigen (dir fehlen die li-tags) und korrekt verschachteln. Die Darstellung der Listen, also auch die Einrückung kannst du dann mit CSS definieren, siehe zum Beispiel hier. Mit den Eigenschaften padding und margin kannst du die Abstände bestimmen. Ansonsten ist der Thread wohl im CSS-Forum besser aufgehoben als bei JavaScript.. (mod?) |
|
|||
hi, das li habe ich extra weggemacht, und möchte diese punkte davor auch nicht unbedingt haben
eigendlich möchte ich nur ein schön kompaktes aufklappendes menü in baumstruktur ... und auf selfhtml.org findeich so was einfach nicht, das erwähnte kommt dem am nächsten, ich krich halt nur die tabs nich weg ... mfg |
|
|||
Zitat:
Zitat:
Zitat:
Bitte beschäftige dich mit den Grundlagen von CSS. Tutorial zu verschachtelten Listen: http://css.maxdesign.com.au/listutor...troduction.htm |
|
||||
Und was hält dich davon ab, mal das zu machen, was man dir rät?
Dein HTML ist falsch! - mach es richtig. Sprich - füg die <li> wieder hinzu und entferne die <br>. Dann guck dir CSS an - kann doch wirklich nicht wahr sein... Mit margin und padding kriegst du die "tabs" weg, mit li { list-style:none} entfernst du die Bullets.
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an Milian Wolff | Markdownify | Typogridder |
|
|||
moin
ich habe gestern abend noch n paar sachen ausprobiert. Danke schon mal für die Antworten, ich hoffe ich hab eure geduld nicht überreizt ... naja ich hab jetzt hier 2 elemente, die jedes für sich genommen funktioniert ... einmal das java script und einmal css. Das sieht volgender maßen aus. Code:
<html> <body> <script type="text/javascript"> function switchlayer(Layer_Name) { var GECKO = document.getElementById? 1:0 ; var NS = document.layers? 1:0 ; var IE = document.all? 1:0 ; if (GECKO) {document.getElementById(Layer_Name).style.display= (document.getElementById(Layer_Name).style.display=='block') ? 'none' : 'block';} else if (NS) {document.layers[Layer_Name].display=(document.layers[Layer_Name].display== 'block') ? 'none' : 'block';} else if (IE) {document.all[Layer_Name].style.display=(document.all[Layer_Name].style.display== 'block') ? 'none' : 'block';} } </script> <style type="text/css"> #navcontainer ul { margin: 0; padding: 0; list-style-type: none; } </style> <li><a href="" onclick="javascript:switchlayer('main'); return false;">main</a> <ul id="main" style="display:none"> <li><a href="" onclick="javascript:switchlayer('Sub1'); return false;">Sub1</a> <ul id="Sub1" style="display:none"> <li>Sub1.1 </li> <li>Sub1.2 </li> <li>Sub1.3 </li> </ul></li> <li><a href="" onclick="javascript:switchlayer('Sub2); return false;">Sub2</a> <ul id="Sub1" style="display:none"> <li>Sub2.1 </li> <li>Sub2.2 </li> </ul></li> <li><a href="" onclick="javascript:switchlayer('Sub3');return false;">Sub3</a> <ul id="Sub1" style="display:none"> <li>Sub3.1</li> <li>Sub3.2</li> </ul></li> </ul></li> </body> </html> mit der Hoffnung auf ein wenig geduld eurer seits, einem blutigen anfänger gegenüber, mfg relativ-egal |
|
|||
Ganz ehrlich, bevor du mit JavaScript-Spielereien anfängst solltest du doch zumindest die Grundlagen von HTML und CSS beherrschen.
Konkret: Du hast keinen Head-Bereich in deiner Seite. |
Sponsored Links |
|
|||
hi
ich find die ganze geschichte auch unheimlich interessant und lohnend zu lernen, ich hab nur momentan einfach nich die zeit dazu und brauch nur stumpf dieses menü Ich hatte schon mal n header drin, hat aber nix gebracht, weshalb ich den wieder rausgenommen habe. im prinziep habe ich den css code in den header gepackt ... so halt ... <head> <style type="text/css"> #navcontainer ul { margin: 0; padding: 0; list-style-type: none; } </style> </head> sonst muss ich mir vielleicht doch mal so n html editor besorgen, weil momentan mach ich das mit dem normalen editor und da hab ich natürlich syntaktisch keine ahnung mfg |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Menü auf Startseite funktioniert nach FORM SUBMIT nicht mehr | Ceres82 | (X)HTML | 3 | 23.08.2013 22:00 |
Überlappende Menüs und fehlendes seitlich aufklappendes Menü | SteveB | CSS | 3 | 27.04.2011 11:19 |
Darstellungsproblem | flohpapa | CSS | 3 | 16.12.2009 09:55 |
Aufklappendes Menü auf Klick, das dann auch bleibt | alex87 | CSS | 4 | 19.09.2009 13:49 |
Umbruch in einem LI bei horizontalem Menü | M4rco | CSS | 12 | 13.10.2006 12:26 |