Bitte diesen Beitrag löschen. Danke
Horizontales Menü zum ausklappen
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
Das ganze kannst du mir reinem CSS machen oder etwas javascript. Nur reines CSS ist natürlich die bessere Lösung - denn es gibt eine Menge User ohne Javascript.
Asosnten worde ich einen LAyer erzeugen, der die einträge listet und die Liste (li) formatieren.
Die Liste ergibt sich aus den WP-php Befehlen, welche die kategoreine etc. enthalten.Schreib mal, wenn die Lösung fertg ist.
gruss frank
-
In der Zeitschrift "com! - Das Computer Magazin" war in der Ausgabe 07/05 ein Bericht zu diesem Thema ("Tab-Navigation", Seite 92). Eigentlich ging es da genauer um Registerkarten, wie man sie von Amazon und so kennt, allerdings wurde auch auf Untermenüs und so eingegangen.
Weitere Lösungswege für die Realisierung solcher Menüs wären neben den genannten CSS und JavaScript auch noch DHTML, Java und Flash.
Da Java nicht unbedingt bei jedem installiert sein dürfte, könntest Du evtl. eine Flash-Navigation einbinden.
Dazu aber auch zu den anderen Lösungsmöglichkeiten gibt es vereinfachende Programme, die Dir die Programmierarbeit größtenteils abnehmen.
Beispiele (nicht selbst getestet, aus dem Artikel zitiert):
DHTML - Tab Menu von Apycom (http://dhtml-menu.com)
Flash - Menu FX (http://www.menu-fx.com)Oder wie wäre es mit einem, der super browserübergreifend funktionierende Menüs erstellt:
Sitexpert (http://www.xtreeme.com/sitexpert)Oder in 3D: Xara Menumaker (http://www.xara.com/products/menumaker)
Naja, irgendwo hört dann auch der Sinn auf und fängt die Spielerei an :-)
Ich hoffe, meine Infos waren wenigstens ein bißchen von Nutzen.
Gruß,
Marc
-
http://www.cssplay.co.uk/menus/dropdownfun.html
http://www.alistapart.com/articles/dropdownsHab mal kurz für dich gegoogelt...
Könnte ich auch gebrauchen. :)EDIT:
http://www.pixy.cz/blogg/clanky/csshiermenu/
Die Hover Fkt. geht nicht im IE -
solche sachen kosten nichts, außer zeit. suche mal etwas im netzt, davon gibt es unmengen gute tipps im netz. wie gesagt, mit css wäre das schon am besten. die arbeit musst du dir schon selber machen oder dann eben doch dafür zahlen.
gib mir mal deine email per pn, dann sende ich dir mal ein fertiges beispiel, alledings mit javascript.
bessere lösungen mit NUR css findest du im Netz.Gruss frank
-
also die sachen vom css playground finde ich sehr gut, aber das ausklappbare menue ging bei mir gar nicht im IE. der wollte keine ebenenwerte korrekt annehmen. keine ahnung ob das problem öfters vorliegt oder oder ob es noch an was anderes lag.
-
Im IE funktioniert es leider auch nicht, siehe dazu den Link unter EDIT in meinem vorigen Post.
-
Hilft dir das eventuell ? :
HTML
Alles anzeigen<html> <head> <title>...</title> <style> <!-- .box_1 { border:1px solid #FF0000; width: 100px; height: 20px; background-color: #C0C0C0;} .box_2 { border:1px solid #FF0000; width: 100px; height: 100px; background-color: #C0C0C0;} --> </style> </head> <body> <div class="box_1" onmouseover="this.className='box_2';" onmouseout="this.className='box_1';">LINK</div> </body> </html> -
in den beiden css Dateien , die Du im Quelltext findest ist was Du magst
;)
und ich bin sehr sicher, dass es brwosertauglich ist;)lg
Monika -
Zitat von GG Dag
...
Ich hoffe mal, dieser Thread nimmt irgendwann nochmal ein Happy End ;-)
was!
schaffst Du den IE ab ??wenn Du dies schaffst designe ich für Dich bis an mein Lebensende Gratis...
:shock: 8) :wink:
-
Habe was vergessen, ich bin untröstlich.
Für die "box_1" den overflow zu verstecken.Code.box_1 { border:1px solid #FF0000; width: 100px; height: 20px; background-color: #C0C0C0; overflow: hidden}
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!