• Forum
• Ilch CMS 2.X
• Module und Modifikationen
• waagerechtes Menue

ilch Forum » Ilch CMS 2.X » Module und Modifikationen » waagerechtes Menue

1. Mo. 19.11.2018 09:07 Uhr #1

   

   Boeing737 Mitglied

   Registriert seit

   06.11.2018

   Beiträge

   14

   Beitragswertungen

   

   Hallo zusammen,
   
   wie bekomme ich ein waagerechtes Menue wie bei externer Link hin?
   
   
   
   Habe schon die Suche benutzt, kann aber nichts finden.
   
   
   verwendete ilch Version: 2.1.x
   
   betroffene Homepage: externer Link
   0 Mitglieder finden den Beitrag gut.

   • zitieren
2. Mo. 19.11.2018 09:11 Uhr #2

   

   Nex4T Moderator

   Registriert seit

   28.02.2007

   Beiträge

   3.414

   Beitragswertungen

   

   Hallo,
   schau mal hier www.w3schools.com/css/css_dropdowns.asp
   hier wird beschrieben wie du mit HTML und CSS ein Dropdown Menü hinbekommst dieses kannst du dann in dein Layout einbauen

   while(!asleep()) sheep++;
   www.movely.biz
   www.webplant.eu
   0 Mitglieder finden den Beitrag gut.

   • zitieren
3. Mo. 19.11.2018 09:14 Uhr #3

   

   Boeing737 Mitglied

   Registriert seit

   06.11.2018

   Beiträge

   14

   Beitragswertungen

   

   Hallo Nex4T,
   
   Danke für die superschnelle Antwort.
   
   Gruß
   0 Mitglieder finden den Beitrag gut.

   • zitieren
4. Mo. 19.11.2018 09:28 Uhr #4

   

   Nex4T Moderator

   Registriert seit

   28.02.2007

   Beiträge

   3.414

   Beitragswertungen

   

   Da Gibt es verschiedenen Möglichkeiten so etwas zu machen, das Standart Layout von Ilch hat so etwas in der CSS schon hinterlegt, einfach mal nach Dropdown Menü googlen und ein wenig Schlau dazu machen

   while(!asleep()) sheep++;
   www.movely.biz
   www.webplant.eu
   0 Mitglieder finden den Beitrag gut.

   • zitieren
5. Mo. 19.11.2018 09:39 Uhr #5

   

   Boeing737 Mitglied

   Registriert seit

   06.11.2018

   Beiträge

   14

   Beitragswertungen

   

   So wird es gemacht. Bin schon am testen und am probieren.
   Danke :-)
   0 Mitglieder finden den Beitrag gut.

   • zitieren
6. Mo. 19.11.2018 09:48 Uhr #6

   

   Nex4T Moderator

   Registriert seit

   28.02.2007

   Beiträge

   3.414

   Beitragswertungen

   

   Übung macht den Meister

   while(!asleep()) sheep++;
   www.movely.biz
   www.webplant.eu
   0 Mitglieder finden den Beitrag gut.

   • zitieren
7. Mi. 21.11.2018 14:33 Uhr #7

   

   Boeing737 Mitglied

   Registriert seit

   06.11.2018

   Beiträge

   14

   Beitragswertungen

   

   Hallo Nex4T,
   
   Du hast recht. Übung macht den Meister.
   Habe jetzt ein Menue eingebaut. Kannst Du mal schauen warum nach dem "Click" das "droopdown-menue" in den Hintergrund verschwindet?
   Ich habe das Menue in "<div>Bereich</div>" eingebettet.
   Wenn ich das mache verschwindet das DropDown im Hintergrund. Wenn ich es weg lasse funktioniert es.
   
   Kannst Du mir da Helfen?
   
   Danke :-)
   0 Mitglieder finden den Beitrag gut.

   • zitieren
8. Mi. 21.11.2018 14:56 Uhr #8

   

   eisvogel10 Mitglied

   Registriert seit

   06.11.2009

   Beiträge

   144

   Beitragswertungen

   

   wiki.selfhtml.org/wiki/CSS/Eigenschaften/Positionierung/z-index

   tactical-gamers.eu
   0 Mitglieder finden den Beitrag gut.

   • zitieren
9. Mi. 21.11.2018 15:18 Uhr #9

   

   Nex4T Moderator

   Registriert seit

   28.02.2007

   Beiträge

   3.414

   Beitragswertungen

   

   Eisvogel hat dir schon den passenden Tipp dazu gegeben

   while(!asleep()) sheep++;
   www.movely.biz
   www.webplant.eu
   0 Mitglieder finden den Beitrag gut.

   • zitieren
10. Mi. 21.11.2018 15:36 Uhr #10

    

    Boeing737 Mitglied

    Registriert seit

    06.11.2018

    Beiträge

    14

    Beitragswertungen

    

    Hallo eisvogel10,
    
    da habe ich ja gleich den richtigen :-)
    Schöne Seite hast Du :-)
    Wie Du ja schon im verlauf gesehen hast, bin nicht der Experte im CSS.
    Ich versuche mich aber zu verbessern.
    
    Habe schon mit z-index und position "rumgespielt".
    Leider ohne Erfolg.
    Hier mal den Teil aus der Index.html
    
    

    ?

    1	<ul class="dropdown-menu" style="z-index: 100">

    
    
    An der Farbgestalltung muss ich noch arbeiten.
    
    Hast Du noch einen Tipp für mich?
    
    Danke
    0 Mitglieder finden den Beitrag gut.

    • zitieren
11. Mi. 21.11.2018 15:43 Uhr #11

    

    Nex4T Moderator

    Registriert seit

    28.02.2007

    Beiträge

    3.414

    Beitragswertungen

    

    Ich seh gerade du nutzt ja sowieso Bootstrap, wieso nutzt du dann nicht das Dropdown auch von Boostrap selbst?
    
    getbootstrap.com/docs/4.1/components/dropdowns/
    
    Je nach bootstrap version, andere Doku anwenden.

    while(!asleep()) sheep++;
    www.movely.biz
    www.webplant.eu
    0 Mitglieder finden den Beitrag gut.

    • zitieren
12. Mi. 21.11.2018 17:04 Uhr #12

    

    eisvogel10 Mitglied

    Registriert seit

    06.11.2009

    Beiträge

    144

    Beitragswertungen

    

    Zitat geschrieben von Boeing737

    Hallo eisvogel10,
    
    da habe ich ja gleich den richtigen :-)
    Schöne Seite hast Du :-)
    Wie Du ja schon im verlauf gesehen hast, bin nicht der Experte im CSS.
    Ich versuche mich aber zu verbessern.
    
    Habe schon mit z-index und position "rumgespielt".
    Leider ohne Erfolg.
    Hier mal den Teil aus der Index.html
    
    

    ?

    1	<ul class="dropdown-menu" style="z-index: 100">

    
    
    An der Farbgestalltung muss ich noch arbeiten.
    
    Hast Du noch einen Tipp für mich?
    
    Danke

    
    
    Willst du den Code für das Menu haben ?

    tactical-gamers.eu
    0 Mitglieder finden den Beitrag gut.

    • zitieren
13. Mi. 21.11.2018 19:33 Uhr #13

    

    Boeing737 Mitglied

    Registriert seit

    06.11.2018

    Beiträge

    14

    Beitragswertungen

    

    Hallo eisvogel10,
    
    das wäre super.
    Freue mich schon auf die Umsetzung auf meiner Seite.
    
    
    Danke
    0 Mitglieder finden den Beitrag gut.

    • zitieren