Dropdown Menü

      Dropdown Menü

      Hallo alle zusammen,
      klar ich weiß, dieses Thema wurde hier schon mehrmals angesprochen, aber ich bin gerade dabei eine Website zu realisieren und warum auch immer bekomme ich das DropDown Menü nicht hin.
      Bei der HTML Datei ist alles bereits fertig programmiert, bloß beim CSS fehlt der nötige Teil für das Dropdown Menü..., könnte mir dabei jemand eventuell behilflich sein?
      Dies ist der CSS abschnitt von der Sidebar:

      Quellcode

      1. .top-menu-wrapper ul,
      2. .top-menu-wrapper li {
      3. padding: 0;
      4. margin: 0;
      5. list-style-type: none;
      6. }
      7. .top-menu-wrapper ul li {
      8. float: left;
      9. }
      10. .top-menu-wrapper ul li a {
      11. font-size: 12px;
      12. line-height: 29px;
      13. color: #f0f0f0;
      14. padding: 10px;
      15. display: block;
      16. margin-bottom: 0;
      17. }
      18. .top-menu-wrapper ul li a:hover {
      19. background-color: #b94a4d;
      20. }
      21. .top-menu-wrapper ul li a i {
      22. margin-top: 1px;
      23. font-size: 14px;
      24. }
      25. .top-menu-wrapper ul li:nth-child(4) {
      26. display: none;
      27. }
      28. .top-menu-wrapper ul li:last-child {
      29. float: right;
      30. margin-right: 0;
      31. }


      Danke schonmal :D
      Hallo,

      das Thema ist vor kurzem in Unterverzeichnisse in HTML angesprochen worden.
      ausgehend davon hier ein Beispiel: jsfiddle.net

      Aber um zu deinem Quellcode zu kommen:
      es wäre interessant ein Beispielhaftes HTML von deinem bisherigen Problem zu sehen oder du postest gleich den Link deiner Seite. Ich kann zumindest bei dem jetzigen CSS nur raten was du vorhattest.


      Gruß
      Ego

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von „Ego“ ()

      Hallo,

      Leider kann ich dir keinen Link senden, da die Website bis jetzt nur offline existiert, aber ich habe mal den Ausschnitt der für die Leiste zuständig ist herauskopiert:

      Quellcode

      1. <div class="top-menu-wrapper">
      2. <nav class="top-menu container">
      3. <ul>
      4. <li><a href="contact.html"><i class="icon-envelope-alt"></i><strong> Send</strong> an E-Mail</a></li>
      5. <li><a href="contact.html"><i class="icon-phone"></i><strong> Phone Support:</strong> +49 176 30591217</a></li>
      6. <li><a href="../choose-language.html"><i class="icon-globe"></i><strong> Change</strong> Language</a></li>
      7. </ul>
      8. </nav> <!-- end top-menu -->
      9. </div> <!-- end top-menu-wrapper -->


      Bei der Option "Change Language" sollte nun ein Dropdown-Menü entstehen mit welchem man dann die Sprache wechseln kann.

      Vielen dank schonmal für deine Hilfe,
      noch einen schönen Abend,
      Gruß,
      Philip
      @Delta: Also im Endeffekt gar nichts wirklich sobald ich den Code für das Dropdown umändere gibt es z.B. einen Zeilenumbruch oder es verändert sich noch mehr.
      Ich habe die Dateien erstmal auf einer Subdomain geparkt, damit man Zugang zu dem Quellcode hat.
      Der Quellcode liegt auf: theberlinexperience.stardoll-blog.de/en
      Ich hoffe es hilft dir und eventuell kannst du mir ja weiter helfen.

      Danke schonmal :)

      Ego schrieb:

      Hallo,

      schau dir mal das an: jsfiddle.net

      gruß
      Ego

      Du machst aber schon das was Ego in seinem Link vorschlägt, oder?
      (Weil ich es in deinem aktuellen Quellcode nicht finde.)

      Versuche mal die id dropdown noch um das style sheet position:absolute zu erweitern. Das müsste gegen die Umbrüche helfen.

      Quellcode

      1. a#dropdown + ul { visibility: hidden; height: 0px; position:absolute;}
      Hallo,

      neuer versuch: ego.wmw.cc/sample/dropDownMenu/
      die Änderungen in index.html und main.css sind mit Kommentaren markiert.

      ich hab noch ein Problem mit der Zeichenkodierung (darstellung der umlaute) - aber das könnte auch an wmw liegen ;)
      Wenn ich im firefoxMenu unter Ansicht > Zeichenkodierung > Unicode auswähle passt es

      gruß
      Ego

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von „Ego“ ()