Hauptmenu und submenu

Dano77 · 2. August 2013

Hallo zusammen,

ich hoffe ich bin im richtigen Forum. Ich habe ein Problem mit einem Menü bei dem ich nicht weiter komme.
Ich habe ein Hauptmenü mit 3 Submenüs. Ich möchte nun, wenn ich den Hauptmenüpunkt (Home) anklicke, dass sich auch eine Seite öffnet. In meinem Fall home_layout_4.html
Momentan ist es so, dass sich nur die Seiten bei den Untermenüs öffnen.

Hier der Code:

HTML:

<div class="menu-option-holder">
                    <div class="menu-option-background"> </div>
                    <div class="menu-option-text">
                        <a href="#home_layout_4.html">HOME</a>
                        
                    </div>                
                    <div class="sub-menu-holder">
                        <div class="sub-menu-option-holder" data-module-type="home3" data-side="none">
                            <div class="sub-menu-option-background"></div>
                            <div class="sub-menu-option-text"><a href="#home_layout_1.html" data-path-href="html/home/">Über mich</a></div>
                        </div>
                        <div class="sub-menu-option-holder" data-module-type="home3" data-side="none">
                            <div class="sub-menu-option-background"></div>
                            <div class="sub-menu-option-text"><a href="#home_layout_2.html" data-path-href="html/home/">Meine Arbeiten</a></div>
                        </div>
                        <div class="sub-menu-option-holder" data-module-type="home3" data-side="none">
                            <div class="sub-menu-option-background"> </div>
                            <div class="sub-menu-option-text"><a href="#home_layout_3.html" data-path-href="html/home/">aktuelle Projekte</a></div>
                        </div>
                        
                    </div>         
                </div>

Würde mich freuen, wenn mir jemand weiterhelfen könnte!

Vielen Dank!

Jan-Frederik Stieler · 2. August 2013

Hi,
normalerweise erstellt man Menüs mit einer Ul und nicht mit Divs den diese sind semantisch nichtssagend und strukturieren nicht.

Ich denke mal das hier mit Javascript gearbeitet wird. Hast du irgendwo die Seite laufen so das man sich diese mal mit dem gesamten Quellcode anschauen könnte?

Wenn du den Link Home anklickst was passiert dann bei dir im Browser?
Irgendwelche Fehlermeldungen, eine weiße Seite …

Viele Grüße

Dano77 · 2. August 2013

Danke erstmal für Deine Antwort. Wenn ich den Home-Link anklicke passiert garnichts.
Habe hier mal den kompletten Code:

HTML:

<!doctype html>
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="de"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="de"> <!--<![endif]-->
<head>  
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--[if ie]><meta http-equiv='X-UA-Compatible' content="IE=edge,IE=9,IE=8,chrome=1" /><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
       
    
	<title>Home</title>
    
	<meta name="description" content="" />
	
        
        <link rel="stylesheet" href="css/style.css" />
    <link href='http://fonts.googleapis.com/css?family=Tinos:700,400' rel='stylesheet' type='text/css'> 
        
      
      
      
        
    	<script type="text/javascript" src="js/libs/jquery-1.7.2.min.js"></script>    
        <script type="text/javascript" src="js/libs/modernizr.custom.min.js"></script> 
        <script type="text/javascript" src="js/libs/jquery.wipetouch.js"></script> 
             
 
        
        <script type="text/javascript" src="js/libs/jquery.gmap.min.js"></script>
        <script type="text/javascript" src="js/greensock/minified/TweenMax.min.js"></script>    
        <script type="text/javascript" src="js/libs/jquery.timer.js"></script>
        <script type="text/javascript" src="js/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <script type="text/javascript" src="js/libs/jquery.mousewheel.min.js"></script>
	
<script type="text/javascript" src="js/mediacreed/scrollbar/mc.custom.list.js"></script>
        <script type="text/javascript" src="js/mc.modules.animation.min.js"></script> 
        <link rel="stylesheet" href="js/video-js/video-js.min.css" media="screen" />
        <script type="text/javascript" src="js/video-js/video.min.js"></script>
        <!-- END TEMPLATE JavaScript load -->
        
        
        <script>
            _V_.options.flash.swf = "js/video-js/video-js.swf";
            _V_.options.techOrder = ["html5", "flash", "links"];
            var params = {};
            params.bgcolor = "#000000";
            params.allowFullScreen = "true";       
            _V_.options.flash.params = params;
    
        </script>	
</head>

<body>

<div class="main-template-loader"></div>

<div id="template-wrapper">
    <div id="menu-container"><!-- start #menu-container -->        
        <div class="menu-content-holder"><!-- start .menu-content-holder -->
            <div class="menu-background"></div>
            <div id="template-logo" class="template-logo" data-href="#home_layout_3.html"></div> 
            <div id="template-menu" class="template-menu" data-current-module-type="home3" data-side="none" data-href="home_layout_3.html"><!-- start #template-menu -->
                
<div class="menu-option-holder">
                    <div class="menu-option-background"> </div>
                    <div  class="menu-option-text">
                        <a href="#home_layout_7.html">HOME</a>
                        <div class="menu-option-sign">+</div>
                    </div>                
                    <div class="sub-menu-holder">
                        <div class="sub-menu-option-holder" data-module-type="home3" data-side="none">
                            <div class="sub-menu-option-background"></div>
                            <div class="sub-menu-option-text"><a href="#home_layout_1.html" data-path-href="html/home/">Jesus</a></div>
                        </div>
                        <div class="sub-menu-option-holder" data-module-type="home3" data-side="none">
                            <div class="sub-menu-option-background"></div>
                            <div class="sub-menu-option-text"><a href="#home_layout_2.html" data-path-href="html/home/">Dog</a></div>
                        </div>
                        <div class="sub-menu-option-holder" data-module-type="home3" data-side="none">
                            <div class="sub-menu-option-background"> </div>
                            <div class="sub-menu-option-text"><a href="#home_layout_3.html" data-path-href="html/home/">Ak</a></div>
                        </div>
                        
                    </div>         
                </div>
 

 <div class="menu-option-holder" data-module-type="home3" data-side="none">
                    <div class="menu-option-background"> </div>
                    <div  class="menu-option-text"><a href="#home_layout_5.html" data-path-href="html/home/">OBJEKTE</a></div>
                </div>  


 <div class="menu-option-holder" data-module-type="home3" data-side="none">
                    <div class="menu-option-background"> </div>
                    <div  class="menu-option-text"><a href="#home_layout_6.html" data-path-href="html/home/">MATERIAL</a></div>
                </div>  

                <div class="menu-option-holder" data-module-type="home3" data-side="none">
                    <div class="menu-option-background"> </div>
                    <div  class="menu-option-text"><a href="#home_layout_4.html" data-path-href="html/home/">MOOG</a></div>
                </div>  

                       
               
                <div class="menu-option-holder" data-module-type="contact" data-side="custom">
                    <div class="menu-option-background"> </div>
                    <div  class="menu-option-text"><a href="#contact.html" data-path-href="html/contact/">KONTAKT</a></div>
                </div> 

 
            
            </div><!-- end #template-menu -->  
           
			
            <footer>    
                               <div id="footer-text"><!-- start #footer-text -->
                    <div id="footer-copyright"><a href="#">&copy;2013  / IMPRESSUM</a></div>           
                </div><!-- end #footer -->    
            </footer> 
        </div><!-- end .menu-content-holder-->
        
        <div id="menu-hider">
            <div id="menu-hider-background"></div>
            <div id="menu-hider-icon"></div>
        </div>
    </div><!-- end #menu-container -->

    <div id="module-container">
    </div>
    
</div>

<div id="load-container">
</div>

<div id="loading-animation">
	<img src="assets/loaders/loader.gif" width="16" height="11" alt=""/>
</div>



</body>
</html>

tombe · 2. August 2013

Es liegt aber nicht zufällig daran das du vor dem Dateinamen ein "#" eingegeben hast!?

Dano77 · 2. August 2013

Eigentlich brauche ich das Submenü nicht. Das Problem ist nur, die Seiten aus dem Submenü sind auf der Seite intern verlinkt, brauchen also nicht über das Menü aufgerufen werden. Wenn ich die Seiten aber aus dem Submenü rausnehme bzw. das ganze Submenü lösche funktionieren die Links zu den Seiten nicht mehr.

Dano77 · 2. August 2013

wenn ich das "#" rausnehme funktioniert passiert auch nichts!

Jan-Frederik Stieler · 2. August 2013

Hi,
hast du dir dieses Template gekauft? Wenn ja wo, vielleicht auf graphicriver.net.
Vielleicht kann man sich da mal eine laufende Version anschauen.

Die verlinkten Dateien wo liegen die?
Wenn das einzelne HTML-Dateien sind, dann hast du diese ja in irgend einem Ordner liegen.
Wenn das nur Anker sind dann solltest du mal die IDs überprüfen und vielleicht auch mal das .html da rausnehmen.

Viele Grüße

Dano77 · 2. August 2013

ja ist nen gekauftes Template. Hier der Link:

http://themeforest.net/item/synergy...ve-html-portfolio/full_screen_preview/3054099

Auf der Home - Home Layout3 sind rechts 2 kleine Fenster. Wenn man die anklickt sollen sich halt neue Seiten öffnen, aber nicht im Menü erscheinen, so wie es bei der laufenden Version ist. Dort springt er dann zu "Portfolio".

Die verlinkten Dateien sind denke ich keine Anker, Dateien liegen alle in einem Ordner. Als Link ist z.B. eingetragen: <a href="#home_layout_2.html"> und die Ordneraufteilung in der die Html-dateien liegen ist folgendermaßen: html/home/home_layout_2.html

Danke erstmal!

Jan-Frederik Stieler · 2. August 2013

Hi,
themeforest ist ja der gleiche Verein

.
Kann es sein das du eine ähnliche Frage im November 2012 bei Forum-Hilfe.de gepostet hast?
Ohne es jetzt mit genauigkeit sagen zu können, aber ich gehe davon aus das die raute durch den Pfad bei „data-path-href=“ ersetzt wird. Keine Ahnung warum man sowas macht.

Aber warum kopierst du dir nicht einfach ein Konstrukt von z.B. Portfolio und passt die Attribute entsprechend an?

Und nochmal dieses Template ist eine semantische Unverschämtheit und leidet ganz arg an Divitis.
Ich würde dir raten das ganze Template zu überarbeiten, so wirst du mit Suchmaschinen keinen Spaß an der Webseite haben.

Viele Grüße

Dano77 · 13. August 2013

Kann eigentlich nicht sein, dass ich zu diesem Thema schon einmal eine Frage gestellt habe!
Aber ich denke ich werde deinen Tip mal befolgen!

Danke erstmal!

Hauptmenu und submenu

Dano77

Grünschnabel

Jan-Frederik Stieler

Monsterator

Dano77

Grünschnabel

tombe

Erfahrenes Mitglied

Dano77

Grünschnabel

Dano77

Grünschnabel

Jan-Frederik Stieler

Monsterator

Dano77

Grünschnabel

Jan-Frederik Stieler

Monsterator

Dano77

Grünschnabel

Neue Beiträge