Link in Navigationsleiste funktioniert nicht!!! Brauche eure Hilfe!

**Joel23** · 04.02.2012, 09:42

Leider liegt es daran nicht. Habe den Slash entfernt, geht aber immer noch nicht??? Hatte es ja auch schon mit alternativen wie ../index.html auch ohne Slash am Ende versucht ging ja auch nicht. Anscheinend geht es einfach nicht in der Navigationsleiste??? Da ist echt nen Wurm drin.

Hier nochmal 2 Infos der index.html:

<li><a href="http://www.Domain.de">Home</a></li> dieser link in der Navigationsleiste geht nicht?!?

dieser link im footer, zu exakt der gleichen Domain funktioniert.

<a href="http://www.Domain.de">www.Domain.de</a>

es muss irgendwie an der Navigationsleiste oben liegen, dass sie zb keine links nach externen Domains zulässt. Alle anderen Links der navigation sind nämlich nur Verweise innerhalb der index.html. Hier springt man nur nach unten auf der Homepage. mein eingefügter externer link geht nun in der Leiste aber nicht.

Hier meine index.html

HTML-Code:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <!--[if ie]><meta http-equiv="X-UA-Compatible" content="IE=Edge" ><![endif]-->
    <title>Name</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/master.css">

    <!-- custom font -->
    <link href='http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister' rel='stylesheet' type='text/css'>
    
    <!-- Paste Fontdeck custom font here --> 
    
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <link rel="stylesheet" href="css/ie7.css">
    <![endif]-->
    
    <script src="js/jquery.js"></script>
    <script src="js/jquery.customslider.js"></script>
    <script src="js/jquery.scrollTo-min.js"></script>
    <script src="js/jquery.krioImageLoader.js"></script>
    
    <!-- fancybox -->
    <script src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <script src="fancybox/jquery.easing-1.3.pack.js"></script>
    <script src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
    
    <script src="js/main.js"></script>
    
</head>
<body id="index">
    
    <!-- #main -->
    <div id="main">
            

        <!-- #Container -->
        <div id="container">
        
            <h1>Name</h1>

            
            <!-- Navigation -->
            <nav>
                <div class="before"></div>
                <ul>
                     <li><a href="http://www.Domain.de">Home</a></li>
                     <li><a href="#about_us">Ueber uns</a></li>
                     <li><a href="#photos">Fotos</a></li>    
                     <li class="last"><a href="#contact">Kontakt</a></li>
                </ul>
                <div class="after"></div>
            </nav>
        
            <!-- END Navigation -->
            
            <!-- About us -->
            <div id="about_us">
                <div class="before"></div>
            
                <!-- she -->
                <div class="woman">
                    <span class="name">
                        <span class="before"></span>
                        Name
                        <span class="after"></span>
                    </span>
                    
                    <div class="picture_holder">
                        <img alt="picture holder" src="http://www.html.de/images/blank.gif" usemap="#she_map">
                    </div>
                    
                    <map name="she_map">
                        <area shape="circle" coords="225,189,163" href="#about_more_inner" alt="About Jane" />
                    </map>
                    
                    <div class="picture">
                        <img alt="Jane" src="http://www.html.de/images/photo_she.jpg">
                        
                        <!-- her hover effect -->
                        <div class="hover"><span>Name</span></div>
                        
                    </div>
                
                </div>
                <!-- END she -->
            
                <div class="separator">
                    and
                </div>
            
                <!-- he -->
                <div class="man">
                    <span class="name">
                        <span class="before"></span>
                        Name
                        
                        <span class="after"></span>
                    </span>
                    
                    <div class="picture_holder">
                        <img alt="picture holder" src="http://www.html.de/images/blank.gif" usemap="#he_map">
                    </div>
                
                    <map name="he_map">
                        <area shape="circle" coords="203,189,163" href="#about_more_inner" alt="about Mike" />
                    </map>
                
                    <div class="picture">
                        <img alt="Mike" src="http://www.html.de/images/photo_he.jpg">
                        
                        <!-- his hover effect -->
                        <div class="hover"><span>Name</span></div>
                    </div>
                </div>
                <!-- END he -->
            
                <div class="getting_married">
                    are getting married
                </div>
                <div class="after"></div>
            </div>
            <!-- END About us -->


            <!-- Photos -->
            <div id="photos">
                <div class="before"></div>
            
                <div id="slider">
                    <ul>
                        <li><a class="fancybox" title="Image caption goes here" href="http://www.html.de/images/black.jpg"><img alt="image1" src="http://www.html.de/images/image1.jpg"></a></li>
                        <li><a class="fancybox" href="http://www.html.de/images/black.jpg"><img alt="image2" src="http://www.html.de/images/image1.jpg"></a></li>
                        <li><a class="fancybox" href="http://www.html.de/images/black.jpg"><img alt="image3" src="http://www.html.de/images/image1.jpg"></a></li>
                        <li><a class="fancybox" href="http://www.html.de/images/black.jpg"><img alt="image3" src="http://www.html.de/images/image1.jpg"></a></li>
                        <li class="last"><a class="fancybox" href="http://www.html.de/images/black.jpg"><img alt="image4" src="http://www.html.de/images/image1.jpg"></a></li>
                    </ul>
                </div>
            
                <div class="after"></div>
            </div>
            <!-- END Photos -->

            <!-- Fotter -->
            <footer>
                <div class="before"></div>
                <a href="http://www.Domain.de">www.Domain.de</a>
                <div class="after"></div>
            </footer>
            <!-- END Footer -->
        
        </div>
        <!-- END #Container -->
    
    </div>
    <!-- END #main -->
    
    <!-- ABOUT section - this will be shown in fancybox -->
    <div id="about_more">
        <div id="about_more_inner">
            
            <div class="ornament_tl"></div>
            <div class="ornament_tr"></div>
            <div class="ornament_br"></div>
            <div class="ornament_bl"></div>
            
            <!-- mehr ueber sie -->
            <div class="she">
                <h2>Name</h2>
                <p>
                    This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.  These words are here to provide the reader with a basic impression of how actual text will appear in its final presentation.
                </p>
                <div class="social">
                    Hier findest du mich: <a href="http://www.facebook.de" target="_blank" >Facebook</a> 
                </div>
            </div>
            <!-- end ueber sie -->
            
            <!-- mehr ueber ihn -->
            <div class="he">
                <h2>Name</h2>
                <p>
                    This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.  These words are here to provide the reader with a basic impression of how actual text will appear in its final presentation
                </p>
                <div class="social">
                    Hier findest du mich: <a href="http://www.facebook.de" target="_blank" >Facebook</a> 
                </div>
            </div>
            <!-- end ueber ihn -->
            <!-- RETURN TO MENU BUTTON -->

        <a href="index1.html" class="back-to-menu" >Zur&uuml;ck</a>

        </div> <!-- END BIG SCREEN -->
        
        </div>
        
    </div>
    <!-- END about section -->
    
</body>
</html>

Eine Idee was der Grund sein könnte???? Wie bereits gesagt, im footer geht der Link, nur in der Navileiste nicht???

THX
Joel

**Tronjer** · 04.02.2012, 10:31

Ich hatte gestern im Firebug die Korrektur vorgenommen und damit funktionierte es.

Warum es nun plötzlich nicht mehr geht, bzw. nur der untere Link weiterleitet, kann ich dir auch nicht beantworten. Setze notfalls oben ein target="_blank" hinzu. Damit öffnet sich die Homepage allerdings in einem neuen Fenster.

**Joel23** · 04.02.2012, 14:02

Danke für deine Anstrengungen aber egal was ich mache, es bringt nix. target blank, target self etc.

Bin mit meinem latain am Ende.

Sollte noch jemand eine Idee haben... immer gerne...

THX für deine Bemühungen Tronjer.

Joel

Kann es sein, dass der Grun in einer anderen Datei liegt als der index.html?

**threadi** · 04.02.2012, 15:54

Hast Du auch mal einen Link zur Seite wo man das selbst sehen kann?

**threadi** · 05.02.2012, 17:25

Habe den Link per PN bekommen. Die Ursache für das Problem ist, wie ich mir fast schon dachte, das JavaScript was Du eingebunden hast. In main.js steht folgendes was über jQuery ausgeführt wird:

Code:

/* navigation */
	$('nav a').click(function(ev){
		ev.preventDefault();
		
		$.scrollTo($(this).attr('href'), 220);
	});

Dadurch verhinderst Du bei jedem Link innerhalb von nav, dass dieser als Link angeklickt werden kann. Statt dessen wird das Ereignis "scrolle zum verlinkten Bereich" gesetzt. Dadurch funktioniert der Link zur Startseite natürlich nicht mehr.

Am Besten ergänzt Du bei jedem Link der nicht von der aktuellen Seite fortführen soll eine Klasse, z.B.

HTML-Code:

<a href="#about_us" class="ankerlink">Ueber uns</a>

und änderst o.g. Code in main.js zu

Code:

/* navigation */
	$('nav a.ankerlink').click(function(ev){
		ev.preventDefault();
		
		$.scrollTo($(this).attr('href'), 220);
	});

**Joel23** · 05.02.2012, 19:54

Superklasse, vielen Dank da hast du mir wirklich nen riesen Gefallen getan. Genial

**Joel23** · 05.02.2012, 20:02

Eine Frage hätte ich noch um das Projekt abschließen zu können. Mein Webspace kann kein PHP. Ist es irgendwie möglich, dass ich die send.php, contact.php und email.php der beiden Kontaktformulare auf einen anderen Webspace auslagere, damit diese Formulare funktionieren? Gibt es dazu kostenlose Möglichkeiten? Evtl. könnte ich die Dateien auch bei einem Kumpel abspeichern. Prinzipiell also erst einmal die Frage ob es möglich ist und ob ihr evtl. kostenlose Möglichkeiten kennt die php Dateien ausführen zu lassen bzw. gibt es eine andere Möglichkeit die Kontaktformulare ans laufen zu bringen? Wenn ich das noch irgendwie hinbekomme, ist mein Projekt soweit durch.

Nochmals extrem vielen Dank für die ganze Hilfe von euch bisher.

VG
Joel

Thema: Link in Navigationsleiste funktioniert nicht!!! Brauche eure Hilfe!

LinkBack

Themen-Optionen

Nächster versuch

Leider auch nicht...

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

Ambi Facebook Template funktioniert nicht. Brauche Hilfe.

Brauche eure Hilfe :(

Brauche Hilfe bei JS Code! Er funktioniert nicht

[HW] Brauche eure Hilfe

Ich brauche eure Hilfe!!!

Berechtigungen

Wie funktioniert...

Frage zur...

Namen von Textfeldern numerieren?

CSS/HTMlL Drop Down Menü...

Crossbrowser Testing Tool

CSS/HTMlL Drop Down Menü...

Wie funktioniert...

Namen von Textfeldern numerieren?

Flashplayer Security Warnmeldung...

Wie der ein Problem mit CSS Menü...

Edit

Tolles Lied :)

Das Designe wird nicht angezeigt?

IPad - Touch-Navigations-Problem

Weiterleitung "Link kopieren"