Pourquoi ne sont pas mes href des liens de travail?

Je suis un peu nouveau pour la programmation web et ont regardé de loin, en essayant de résoudre ce problème sur mon propre mais pour la vie de moi je ne peux pas le comprendre, je suis très heureuse de toute aide.

Je suis fondamentalement faire une barre de navigation et je tente d'avoir un lien avec mes autres pages html, mais ça ne fonctionne pas. J'utilise le code suivant.

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;
}

Le lien du logo fonctionne très bien. Le lien dans le contact aussi bien fonctionner, il n'y a pas de problème quand je créer un lien vers un élément sur la page. Les quatre autres liens ne fonctionnent pas. J'ai aussi essayé définissant le href d'une adresse "http" mais cela ne fonctionne pas non plus. J'ai couru tous ces tests dans DreamWeaver navigateur la fonction de prévisualisation (IE et Chrome) ainsi que sur un serveur distant avec aucune différence dans les résultats.

J'ai aussi remarqué que le z-index dans l'en-tête est réglé à 200 (c'est un exemple de code, je travaille avec) que je comprends, joue un rôle dans la façon dont les éléments sont superposés. J'ai essayé de jongler avec la que en vain. Qu'avez-vous pensez?

Edit1: voici ce que mon fichier de structure ressemble

la structure de fichier

Aussi voici le modèle que j'ai été en utilisant

modèle

Edit2: Ok les gars, j'ai trouvé le problème était dû à un fichier JS appelé jquery.singlePageNav.min.js

malheureusement quand j'ai désactiver ce fichier je perds la belle curseur sur l'image que j'avais sur ma page web, mais les liens fonctionnent à nouveau, alors maintenant, j'ai corrigé ça :p

Merci pour votre aide à tous!

Fonctionne pour moi: jsfiddle.net/Wz7Wu . Avez-vous essayé avec juste ce CSS et HTML? Est-il une fonction JavaScript de blocage de l'événement de clic?
jsfiddle suggère qu'il n'y a pas de problème avec ce morceau de code. Autre chose est le blocage de vos liens. Avez-vous un élément de superposition? Peut-être un peu de JavaScript? Avez-vous encore voir le curseur de changement comme vous vous déplacez sur les liens?
Vous dites: "Pourquoi ne sont pas mes href des liens de travail?' Donc je suppose que les liens sont affichés, mais lorsque vous cliquez sur eux, vous n'obtenez pas une page?
Veuillez lire la question, non seulement le titre.
Je l'ai fait. Mais n'obtenez pas ce n'est pas de travail.
Ou vous dites que les liens fonctionnent, mais ne pas aller à la page que vous pensez qu'ils devraient? Pourriez-vous nous en dire un peu plus sur votre répertoire/structure de routage?
Est votre navigateur prend en charge le HTML 5 ?
Merci à tous pour les réponses, @lc oui il a travaillé pour moi dans jfiddle (pas avec les adresses http, idk si c'est normal?). Le code que j'utilise est venu avec un tas de scripts js il est donc possible que cela bloque les liens en quelque sorte. Le code que j'utilise avec peut être trouvé ici. Je vais poster une photo de ma structure de fichier
Le curseur change et les liens aussi changer de couleur selon le a:hover CSS code. J'ai été de s'interroger sur l'élément de superposition, mais je suis pas sûr de la façon de savoir avec certitude si c'est ça le problème.
oui vous avez raison, les liens sont affichés, mais ils ne changent pas d'une nouvelle page html. Dire alors que l'img lien n'changement vers une nouvelle page, avec une utilisation similaire href adresse.
Si hover fonctionne, vous avez probablement pas de superposition. Essayez de réparer votre jsfiddle pour qu'il affiche votre problème. Actuellement il n'est pas.
ok j'ai fait quelques progrès. J'ai essayé mon code html et css seul dans jsfiddle et n'a trouvé aucun problème. Je suis donc retourné à mon éditeur et essayé de désactiver mon js fichiers un à un. J'ai trouvé l'erreur venait d'un fichier js appelé jquery.singlePageNav.min.js
modifier votre question afin d'y inclure les code,
Je ne suis pas sûr si je dois faire un nouveau sujet pour le moment mais le problème de code à partir de cette bibliothèque github.com/ChrisWojcik/single-page-nav, il est destiné à une seule page, utilisez donc je pense qu'il remplace le href

InformationsquelleAutor user3766321 | 2014-06-23

De la la documentation du plugin, par défaut elle va remplacer tous les liens, ce qui n'est clairement pas ce que vous voulez ici. Il y a cependant un filter une option qui peut remplacer ce comportement:

"filtre" - Par défaut, le plugin sera appliqué à tous les liens à l'intérieur du conteneur, utilisez cette fonction pour filtrer certains liens à l'aide de jquery est intégré dans la méthode de filtrage (par exemple ':not(.externe)')

Par conséquent, je vous suggère d'ajouter une classe pour tous les liens que vous ne voulez pas être simple-page-nav-isée, puis l'initialisation avec la filter option:

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" class="external">Home</a></li>
            <li><a href="schedule.html" class="external">Schedule</a></li>
            <li><a href="register.html" class="external">Register</a></li>
            <li><a href="about.html" class="external">About</a></li>
            <li><a href="#slideshow">Contact</a></li>
         </ul>
    </div>
</header>

JavaScript

$(document).singlePageNav({filter: ':not(.external)'});

Merci!!!! c'est ce que j'ai découvert ainsi.

InformationsquelleAutor lc.

Donner un bon chemin d'accès à vos pages

        <li><a href="/pathtopage/index.html">Home</a></li>
        <li><a href="/pathtopage/schedule.html">Schedule</a></li>
        <li><a href="/pathtopage/register.html">Register</a></li>
        <li><a href="/pathtopage/about.html">About</a></li>
        <li><a href="#slideshow">Contact</a></li>

InformationsquelleAutor Mr7-itsurdeveloper

0

assurez-vous que tous vos .les pages html dans le dossier approprié. Comme pour l'instant, vous faites un lien vers des pages html dans le même dossier, donc si vous n'avez pas de là , vous ne serez pas en mesure d'ouvrir de cette façon. vous devez naviguer vers les autres liaisons à partir de votre index.html. Mal expliquer: si vous avez un dossier "sites" et vous avez tous votre .les documents html il y a, il devrait fonctionner de la manière que vous avez fait. MAIS si dans votre dossier "sites" vous avez seulement votre index.html et autres sites sont dans un sous-dossier "sub-sites", vous devez naviguer en premier. Posté à répondre non. 1

InformationsquelleAutor Today

Vous devez vous connecter pour publier un commentaire.