Warum sind nicht meine href-links zu arbeiten?

Ich bin ein wenig neu in web-Programmierung und sah weit und breit, die versuchen dieses problem zu beheben, auf meinen eigenen, sondern für das Leben von mir ich kann nicht herausfinden, ich bin sehr dankbar für jegliche Hilfe.

Ich bin im Grunde macht eine Navigationsleiste und ich versuche, es link zu meiner anderen html-Seiten, aber es funktioniert nicht. Ich verwende den folgenden code.

HTML

<header>
    <div class="banner"> <!-- contains main banner and logo -->
    <a href="index.html" id="logo">
        <img src="images/newlogo.png" alt="blahblah">
    </a>
    </div>
    <div id="nav-bar">
        <ul class="nav">
            <li><a href="index.html">Home</a></li>
            <li><a href="schedule.html">Schedule</a></li>
            <li><a href="register.html">Register</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="#slideshow">Contact</a></li>
         </ul>
    </div>
</header>

CSS

header {
    border-top: 12px solid #9e2630;
    width: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 200;
    height: 115px;
    margin-bottom: 130px;
}

header #logo img {
    padding-top: 35px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

header ul {
    float: left;
    position:relative;
    left:50%;
    min-height: 60px;
    margin-top: 30px;
}

header ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    position:relative;
    left:-50%;
    /*height: 45px;*/
}

header ul li a {
    font: normal normal normal 18px/20px 'Century Gothic', sans-serif;
    text-align: center;
    color: #9e2630;
    /*height: 43px;*/
}

header .nav li a:hover{
    background-color: #9e2630; color:#FFFFFF;
}

header ul li a.current{
    background-color: #9e2630; color:#FFFFFF;
}

Den link im logo funktioniert gut. Der link in der Kontakt auch funktionieren, es gibt kein problem, wenn ich einen link auf ein element auf der Seite. Die vier anderen links funktionieren nicht. Ich habe auch versucht die Einstellung der href auf eine "http" - Adresse, aber das hat nicht funktioniert entweder. Ich habe alle diese tests in DreamWeaver browser-Vorschau-Funktion (IE und Chrome) als auch auf einem remote-server, ohne dass ein Unterschied in den Ergebnissen.

Mir ist auch aufgefallen das der z-index in der Kopfzeile auf 200 gesetzt (dies ist Beispielcode, mit dem ich arbeite), die ich verstehe, eine Rolle spielt, wie die Elemente übereinander angeordnet sind. Ich habe versucht, das hantieren mit ohne Erfolg. Was denken Sie?

Edit1: hier ist, was meine Datei-Struktur sieht wie

Datei-Struktur

Auch hier ist das template habe ich mit

Vorlage

Edit2: Ok, Jungs ich habe das problem gefunden wurde eine JS-Datei namens jquery.singlePageNav.min.js

leider, wenn ich das deaktivieren dieser Datei, die ich verlieren das schöne Bild-slider hatte ich auf meiner web-Seite, aber die links funktionieren wieder, jetzt habe ich um das zu beheben :p

Danke für Eure Hilfe alle zusammen!

  • Für mich funktioniert: jsfiddle.net/Wz7Wu . Haben Sie versucht, mit nur CSS und HTML? Gibt es da eine JavaScript-Funktion blockieren das click-Ereignis?
  • jsfiddle lässt vermuten, dass es kein problem mit diesem speziellen Stück code. Etwas anderes ist blockieren Ihre links. Haben Sie ein element overlay? Vielleicht JavaScript? Tun Sie auch den cursor ändern, wie Sie bewegen, über die links?
  • Sie sagen: 'Warum sind nicht meine href-links zu arbeiten?' Also ich nehme an, die links werden angezeigt, sind aber wenn Sie auf Sie klicken Sie nicht bekommen, eine Seite?
  • Bitte Lesen Sie die Frage, und nicht nur der Titel.
  • Ich habe. Aber nicht bekommen, was nicht funktioniert.
  • Oder werden Sie sagen, die links funktionieren, aber nicht an die Seite, die Sie denken, Sie sollten? Können Sie uns sagen, ein wenig mehr über Ihre Verzeichnis - /routing-Struktur?
  • Ist Ihr browser unterstützt HTML-5 ?
  • Danke an alle für die Antworten, @lc ja es funktionierte für mich in jfiddle als gut (wenn auch nicht mit http-Adressen, idk, wenn es das ist normal?). Der code, den ich verwende kam mit einem Bündel von js-Skripten, so ist es möglich, dass es die Blockierung der links irgendwie. Der code, den ich bin mit mit kann gefunden werden hier. Ich poste ein Bild von meiner Datei-Struktur
  • Der cursor wird sich ändern, und die links ändern sich auch Farbe wie pro die a:hover-CSS-code. Ich habe mich darüber gewundert element overlay, aber ich bin mir nicht sicher, wie Sie sicher wissen, ob das ist das problem.
  • ja du hast Recht, die links werden angezeigt, aber Sie nicht ändern, um eine neue html-Seite. Bedeuten, während die img-link nicht ändern, um eine neue Seite, während Sie eine ähnliche href-Adresse.
  • Wenn hover funktioniert, haben Sie wahrscheinlich kein overlay. Versuchen Sie, um das jsfiddle, so dass es zeigt dir problem. Derzeit ist es nicht.
  • ok, ich einige Fortschritte gemacht. Ich habe versucht, meine html-und css-allein in jsfiddle gefunden und kein Problem. Also ging ich zurück zu meinem editor und versucht, das deaktivieren meine js-Dateien, ein zu einer Zeit. Ich habe den Fehler gefunden, war aus einer js-Datei aufgerufen jquery.singlePageNav.min.js
  • Bearbeiten Ihre Frage relevante code
  • Ich bin mir nicht sicher, ob ich sollte ein neues Thema jetzt aber das problem-code kommen aus dieser Bibliothek github.com/ChrisWojcik/single-page-nav, es ist bestimmt für eine einzelne Seite verwenden, so dass ich denke, es überschreibt den href

InformationsquelleAutor user3766321 | 2014-06-23
Schreibe einen Kommentar