Ergebnis 1 bis 2 von 2

Thema: Slick-Slider überdeckt Dropdown Hauptmenü

  1. #1
    HTML Newbie
    Registriert seit
    21.11.2018
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Slick-Slider überdeckt Dropdown Hauptmenü

    Ich habe ein Problem mit meinem Hauptmenue.
    Ich habe einen Slick-Slider direkt unter das Menue eingefügt.
    Der div-Container des Slick-Slider liegt jetzt aber teilweise über der Hauptnavigation
    (Dropdown-Menue) und ist somit nicht mehr anklickbar.
    Habe versucht das Problem mit dem z-index des Slick-Slider div's zu lösen, hat aber nicht funktioniert.

    Im Anhang ein Bild zum Problem.
    Vielleicht kann mir jemand einen Tipp geben, wie das Problem zu lösen ist.
    Würde mich freuen.

    Die Website allerdings ohne Slick-Slider steht online unter:
    www.phonar.de

    Der Quelltext mit Slick-Slider hier:
    HTML-Code:
    <!DOCTYPE html>
    <html lang="de">
    
    <head>
        <meta charset="utf-8">
        <title>Phonar Akustik GmbH</title>
        <meta name="robots" content="index,follow">
         <meta name="language" content="de">
        <meta name="description" content="Phonar Akustik GmbH - Hifi Produkte mit überragendem Preis-Leistungsverhältnis. Phonar - Norddeutscher Hersteller von hochwertigen High End Lautsprechern">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="https://fonts.googleapis.com/css?family=Raleway:500|Roboto:300" rel="stylesheet">
        <link rel="shortcut icon" href="img/favicon.ico" >
        <link rel="canonical" href="http://www.phonar.de">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/atmosphere.css">
        <link rel="stylesheet" href="css/layout.css">
        <link rel="stylesheet" href="css/slick.css">
        <link rel="stylesheet" href="css/slick-theme.css">
    </head>
    
    <body>
        <div class="page-wrapper">
            
            <header class="header arrow-down" role="banner">
                <div class="logo"><a title="Zur Index-Seite" href="index.html"><img src="img/phonar_logo_90_90.jpg" width="65" height="65" alt="Phonar Logo"></a></div> 
                <a class="toggle-nav" href="#navMain">Menü</a>
                
                <div class="headerlinks">
                <div class="language"><a href="#"><img src="img/englische_flagge.jpg" title="English" alt="English"></a></div>
                <div class="facebook"><a href="https://www.facebook.com/Phonar.Akustik/" target="blank"><img src="img/logo_facebook.jpg" alt="Phonar bei Facebook"></a></div>
                </div>
                
            </header>
            
    
            <nav id="nav" class="nav arrow-down">
                <ul id="navMain" class="main-nav first-level">
                    <li><a href="index.html" title="Zur Index-Seite">Home</a></li>
                    <li><a href="firma.html" title="Phonar Akustik GmbH">Unternehmen</a></li>
                    <li class="has-sec-level"><a href="#">Produkte</a>
                        <ul class="sec-level">
                            <li><a href="veritas_style.html">Veritas Style</a></li>
                            <li><a href="veritas_next.html">Veritas Next</a></li>
                            <li><a href="wireless_hifi.html">Wireless HiFi</a></li>
                        </ul>
                    </li>
                    <li class="has-sec-level"><a href="#">Service</a>
                        <ul class="sec-level">
                            <li><a href="tipps_tricks.html">Tipps &amp; Tricks</a></li>
                            <li><a href="plz_widget.formular.html">Händlersuche</a></li>
                            <li><a href="international.html">International</a></li>
                        </ul>
                    </li>
                    <li><a href="kontakt.html" title="Kontakt">Kontakt</a></li>
                    
                </ul>
            </nav>
            
            
            <div class="main-wrapper">
                    
                <main class="main-content" role="main">
    
                <div class="text-slider">
                                <div class="article-1">
                                    <h3>1. Artikel Überschrift</h3>
                                    <p>Li nov lingua franca va esser plu simplic e  regulari quam li existent Europan  lingues. It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
                                </div>
    
                                <div class="article-2">
                                    <h3>2. Artikel Überschrift</h3>
                                    <p>A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. <a href="#" title="Dummy-Link">It va esser tam simplic quam Occidental in fact, it va esser Occidental.</a></p>
                                </div>
    
                                <div class="article-3">
                                    <h3>3. Artikel Überschrift</h3>
                                    <p>Li nov lingua franca va esser plu simplic e  regulari quam li existent Europan  lingues. It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
                                </div>
                                
                            </div>
                
                    
                
                    <h1>Phonar Lautsprecher</h1>
                    <p class="teasertext">In jedem Phonar Produkt steckt die Erfahrung aus annähernd 50 Jahren Lautsprecherentwicklung. Seit Anbeginn ist es unser erklärtes Ziel, die Musik durch unsere Produkte so originalgetreu wiederzugeben wie es möglich ist.<br>Durch exzellente Entwicklungsarbeit in Verbindung mit dem Einsatz von hochwertigen Komponenten erhalten Phonar Lautsprecher seit vielen Jahren internationale Anerkennung bei Musikliebhabern. Wir fühlen uns dieser Tradition im Dienste der Musik verpflichtet.</p>
                    <section class="section teaser-articles">
                        <article class="teaser-box">
                            <img src="img/veritas_style_speakers.jpg" width="400" height="300" alt="Veritas Style Speakers">
                            <div class="box-inner">
                                <h2>Veritas Style</h2>
                                <p>Diese Serie besticht durch ihr modernes Design und den geradlinig klar. Die Style Lautsprecher machen als Stereolautsprecher oder als Heimkino Ensemble eine gute Figur.</p>
                            </div>
                        </article>
                        <article class="teaser-box">
                            <img src="img/veritas_next_series.jpg" alt="Veritas Next Serie">
                            <div class="box-inner">
                                <h2>Veritas Next</h2>
                                <p>Musik besteht weitestgehend aus Emotionen. Die Produkte aus der Veritas Next Serie vermitteln die Vision in die Musik mit eingebunden zu werden. Freuen Sie sich auf detailgetreue Wiedergabe mit einem "Live Effekt".</p>
                            </div>
                        </article>
                        <article class="teaser-box">
                            <img src="img/wireless_hifi_homesite.jpg" width="400" height="300" alt="Match in One">
                            <div class="box-inner">
                                <h2>Wireless HiFi</h2>
                                <p>Ein komplettes Audio Systeme in hoch auflösender Qualität bestehend aus Lautsprecher, Verstärker, Streaming Option und kabelloser Schallübertragung verschafft Ihnen Freiheiten und Zugang zu neuen Musikquellen und innovativen Technologien.</p>
                            </div>
                        </article>
                        
                    </section>
                </main>
            
    </div>
            <footer class="footer" role="contentinfo">
                <p class="copy"><a href="impressum.html" title="Impressum">Impressum</a> | <a href="datenschutz.html" title="Datenschutz">Datenschutz</a> |  &copy;&nbsp;&nbsp;-&nbsp;2018</p>
            </footer>
        </div>
        <script src="js/jquery-3.1.1.min.js"></script>
        <script src="js/togglemenu.js"></script>
        <script src="js/slick.min.js"></script>
    
        <script>
            $(document).ready(function () {
    
                $('#navMain').find('.sec-level').parent().addClass('has-sec-level');
                $('#navMain').find('.current').parents('li').addClass('main-nav__item-act'); 
            });
        </script>
        
        
        <script>
            $(document).ready(function(){
                
                // Text-Slider
                $('.text-slider').slick({
                    dots: true,
                    autoplay: true,
                    autoplaySpeed: 10000,
                    speed: 1000,
                    
                });
    
            });
        </script>
        
    </body>
    
    </html>
    Hier der Quelltext
    Angehängte Grafiken Angehängte Grafiken
    Geändert von Arne Drews (21.11.2018 um 17:28 Uhr) Grund: MOD: HTML-Tags eingefügt

  2. #2
    Samurai
    Registriert seit
    23.01.2018
    Ort
    Minden
    Beiträge
    209
    Danke
    0
    Bekam 29 mal "Danke" in 29 Postings

    Standard AW: Slick-Slider überdeckt Dropdown Hauptmenü

    Ohne Code oder Link zur Seite wird man dir kaum helfen können.
    Man müsste sehen ob man den Container an der richtigen stelle verschieben kann. Oder notfalls den container ein
    pointer-event:none;
    geben dann kann man da durch klicken. Aber wie gesagt man müßt es sehen um dir besser helfen zu können
    Geändert von basti1012 (21.11.2018 um 15:20 Uhr)
    Mein soforthilfe Forum und Chat

Ähnliche Themen

  1. Image Slider / Menu Slider / Auswah Menu
    Von Turok im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.04.2016, 22:08
  2. Div Box Slider
    Von robin_moser im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 25.08.2015, 17:37
  3. Text im IE 11 scheinbar transparent überdeckt
    Von sven-p im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 24.12.2014, 09:12
  4. Antworten: 7
    Letzter Beitrag: 22.10.2007, 17:53
  5. Erotisches Hauptmenü
    Von im Forum Off Topic und Quasselbox
    Antworten: 13
    Letzter Beitrag: 05.02.2007, 17:15

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •