Hilfe bei Menü

von **Cheerboy** » 11.12.2006, 00:15

Zuallererst Hallo an alle User/Userinnen dieses Boards

Ich freue mich hier gelandet zu sein und stolz zu verkünden das mein äußerst zurückgebliebenes und antiquitiertes Programmierherz bei CSS angelangt ist. :shock:

Gut nachdem ich - hoffentlich - gut und ausreichend mich versucht habe einzuschleichen

hätte ich da mal eine "konkrete Hilfsanfrage"

Ich möchte für meine Website gerne ein CSS Menü basteln.
Vom Prinzip her sollen es einfache Textlinks sein die horizental angeordnet sind àla: Text Link1 Text Link2 usw.

Wenn ich nun auf einen Text Link mit der Maus drüberfahre soll unterhalb ein Layer (nennt man das so?!) erscheinen der weitere Links offenbart. Dieser Layer soll solange da bleiben wie ich über einen anderen Textlink fahre.

Hab mal ein Bild angehängt ich weiß es ist klein.
Im schraffierten grauen ist der Textlink und das "grüne" soll sozusagen auftauchen wenn man drüber fährt mit anderen Links und zwar solange bis ich wieder über denselben oder weitere Links fahre.

Kann mir jemand dabei helfen?!
Denke für einen Fortgeschrittenen ist das doch eine "simple Aufgabe"

Ungeachtet dessen versuche ich mal den "Tooltip" zu vergewaltigen

von **Cheerboy** » 11.12.2006, 03:11

Okay seit nunmehr 3 Stunden navigiere ich durchs Netz und gebe nicht auf

auch die Hoffnung das dies jemand morgen liest der mir helfen kann

Fast habe ich es geschaft aber eben nur fast. Wer meinen Beispielcode in ein Dokument setzt, stellt fest, wann immer man die Zeilenumbrüche br vor dem Div rausnimt funktioniert das nicht mehr. Bzw ich vermute er schiebt es wohin wo man es nicht sieht.

Mittlerweile habe ich folgende Quellcode aus dem Dreamweaver geklaut:

Code: Alles auswählen: <DOCTYPE> <html> <head> <meta> <title>Untitled Document</title> <link> <script> <!-- var time = 3000; var numofitems = 7; //menu constructor function menu(allitems,thisitem,startstate){ callname= "gl"+thisitem; divname="subglobal"+thisitem; this.numberofmenuitems = allitems; this.caller = document.getElementById(callname); this.thediv = document.getElementById(divname); this.thediv.style.visibility = startstate; } //menu methods function ehandler(event,theobj){ for (var i=1; i<= theobj.numberofmenuitems; i++){ var shutdiv =eval( "menuitem"+i+".thediv"); shutdiv.style.visibility="hidden"; } theobj.thediv.style.visibility="visible"; } function closesubnav(event){ if ((event.clientY <48> 107)){ for (var i=1; i<numofitems> </script> </head> <body> <br><br><br> <div> <div> <a>global link</a><a>global link</a><a>global link</a><a>global link</a><a>global link</a><a>global link</a><a>global link</a> </div> </div> <div> <a>subglobal1 link</a> | <a>subglobal1 link</a> | <a>subglobal1 link</a> | <a>subglobal1 link</a> | <a>subglobal1 link</a> | <a>subglobal1 link</a> | <a>subglobal1 link</a> </div> <div> <a>subglobal2 link</a> | <a>subglobal2 link</a> | <a>subglobal2 link</a> | <a>subglobal2 link</a> | <a>subglobal2 link</a> | <a>subglobal2 link</a> | <a>subglobal2 link</a> </div> <div> <a>subglobal3 link</a> | <a>subglobal3 link</a> | <a>subglobal3 link</a> | <a>subglobal3 link</a> | <a>subglobal3 link</a> | <a>subglobal3 link</a> | <a>subglobal3 link</a> </div> <div> <a>subglobal4 link</a> | <a>subglobal4 link</a> | <a>subglobal4 link</a> | <a>subglobal4 link</a> | <a>subglobal4 link</a> | <a>subglobal4 link</a> | <a>subglobal4 link</a> </div> <div> <a>subglobal5 link</a> | <a>subglobal5 link</a> | <a>subglobal5 link</a> | <a>subglobal5 link</a> | <a>subglobal5 link</a> | <a>subglobal5 link</a> | <a>subglobal5 link</a> </div> <div> <a>subglobal6 link</a> | <a>subglobal6 link</a> | <a>subglobal6 link</a> | <a>subglobal6 link</a> | <a>subglobal6 link</a> | <a>subglobal6 link</a> | <a>subglobal6 link</a> </div> <div> <a>subglobal7 link</a> | <a>subglobal7 link</a> | <a>subglobal7 link</a> | <a>subglobal7 link</a> | <a>subglobal7 link</a> | <a>subglobal7 link</a> | <a>subglobal7 link</a> </div> <div> <a>subglobal8 link</a> | <a>subglobal8 link</a> | <a>subglobal8 link</a> | <a>subglobal8 link</a> | <a>subglobal8 link</a> | <a>subglobal8 link</a> | <a>subglobal8 link</a> </div> </div> <br> <script> <var> </script> </body> </html>

Für das CSS

Code: Alles auswählen: /***********************************************/ /* HTML tag styles */ /***********************************************/ body{ font-family: Arial,sans-serif; color: #333333; line-height: 1.166; margin: 0px; padding: 0px; background-color:#003366; } /************* globalNav styles ****************/ #globalNav{ position: absolute; width: 100%; min-width: 640px; color: #cccccc; padding: 0px; margin: 0px; } #globalLink{ position: absolute; top: 6px; height: 22px; min-width: 640px; padding: 0px; margin: 0px; left: 10px; z-index: 100; } a.glink, a.glink:visited{ font-size: small; color: #000000; font-weight: bold; margin: 0px; padding: 2px 5px 4px 5px; } a.glink:hover{ background-color:#CCCCCC; text-decoration: none; } .skipLinks {display: none;} /************ subglobalNav styles **************/ .subglobalNav{ position: absolute; top: 84px; left: 0px; /*width: 100%;*/ min-width: 640px; height: 20px; padding: 0px 0px 0px 10px; visibility: hidden; color: #ffffff; } .subglobalNav a:link, .subglobalNav a:visited { font-size: 80%; color: #ffffff; } .subglobalNav a:hover{ color: #cccccc; }

von **Cheerboy** » 11.12.2006, 03:14

Keine ahnung wieso aber er verschluckt alle classes bei den link und divs hier...woran liegt das? Tja und ein Attachment kann ich auch nicht anhängen... :roll:

von **skittles** » 11.12.2006, 12:51

1. Servus!
2. CSS und HTML ist nicht wirklich programmieren
3. Nur Code posten ist eher unbeliebt. Ein Link zur jeweiligen Seite wäre immer am praktischsten. Und nachdem du was von uns willst, musst dich ein bisschen anpassen.
4. Guck dir mal die Menüs an, vielleicht gefällt dir davon ja was!
http://www.cssplay.co.uk/menus/dd_valid_2.html
http://www.cssplay.co.uk/menus/drop_line.html
http://tutorials.alsacreations.com/mode ... s/hd2.htm#
5. Sorry dass ich klinge wie ein Oberlehrer

Ich meins eh nur lieb :-D

von **Cheerboy** » 11.12.2006, 14:50

Hi Skittles.

1. Hi

2. Versteh ich nicht ganz den Satz. Meinst beides passt nicht so oder?! Reines CSS ohne Html?!. Sorry versteh es wirklich net so ganz.
3. Ich kann die Seite leider noch nicht posten da sie lokal auf meinem Rechner liegt und ich erst noch daran werkle.
4. Vielen lieben Dank, ich werde sie mir sofort ansehen Danke das Du mir geantwortet hast.
5. Nein tust Du überhaupt nicht. Ich habe gefragt und Du hast geantwortet und das ist wichtig, bin neu hier und möchte zwar kein "Mitläufer und Sympathisant" sein (denn nur tote Fische schwimmen mit dem Strom) aber es gibt immer Regeln und an die muss amn sich halten! Danke für die Tip!

Anbei ich habe heute morgen um 6 die Lösung erarbeitet - war ein wirkliches Try & error Verfahren da :uglycon:

Wenn jemand ein ähnliches Problem hat PN an mich. Dann sende ich den "Code" zu. ODer skittles soll ich den hier posten und dem Thread nach der frage in Klammern gelöst hinzuschreiben?!

Kenn ich so aus anderen Foren so das wenn man sucht man sofort beid er suche sieht obe ine Thread a.) Ein ähnliches oder selbes Problem beinhaltet und b.) schon gelöst wurde.

Liebe Grüße und Cheers

von **Cheerboy** » 11.12.2006, 15:24

skittles hat geschrieben:2. CSS und HTML ist nicht wirklich programmieren

JETZT kams an Du meinst programmieren ist PHP MYsQL Pearl CGI Ruby On Nails ect... :idea:

skittles hat geschrieben:4. Guck dir mal die Menüs an, vielleicht gefällt dir davon ja was!
http://www.cssplay.co.uk/menus/dd_valid_2.html
http://www.cssplay.co.uk/menus/drop_line.html
http://tutorials.alsacreations.com/mode ... s/hd2.htm#

Japp sind alle drei super und das was ich gesucht habe. War auch zuvor auf dieser Seite hab blos ausgerechnet diese nicht gefunden *sich ärger.

von **skittles** » 11.12.2006, 17:33

2. genau. php, python, c++ und co = Programmieren
3. na sicher könntest du :-)

http://www.apachefriends.org/de/xampp.html
4. kleiner Tipp: Klick einfach oben im Menü auf Menues, und dann links oben auf die blauen Navigationpfeile.
5. ja na, manche stellen Fragen und stellen es so dar, als würde es eine Ehre sein wenn man demjenigen helfen darf. Hatte grad so nen Fall, daher mein "vorsichtiges" antworten. Aber bei dir passt das schon

Zu den anderen Dingen. Nö sowas wie "erledigt" gibts hier nicht.
Es freut mich aber dass wir dir helfen konnten. Ist zwar ein sehr kleines Forum hier, dafür aber auch "familiär".
Bei einfachen Fragen oder so Codebeispiel antwort ich immer gerne. Bei komplizierteren Dingen ist meist Laus so nett, bzw hat er meist das nötige Wissen.
Das nächste mal einfach dein Problem posten und schlafen gehen.

von **Cheerboy** » 11.12.2006, 17:40

Familiär klingt gut!
Möchte mal in absehbarer Zeit eine Website komlett in CSS realisieren.

Xampp habe ich aber aus Sicherheitsgründen dicht gemacht.
Hatte einmla den Fall das mir einer "helfen" wollte :-)

Freu mich auf zkünftige CSS Fragen.

P.S.: Ich suche zwar immer Hilfe aber es entspricht nicht meiner Natur sich dann einfach hinzusetzen. Will das dann auch helfen zu lsöen um es zu lernen.

Aber danke...dann mache ich das nächstemal nicht merh solange drann rum :-)

Hilfe bei Menü

Hilfe bei Menü

Ähnliche Beiträge zu "Hilfe bei Menü"

Wer ist online?