2010-01-11 6 views
1

Pour une raison que j'ai essayé de comprendre, les liens sur ma page sont cliquables, mais ne vont nulle part. Le balisage lui-même a l'air bien, et je ne peux pas comprendre s'il y a un problème avec le CSS qui les rend inutiles. J'ai récemment ajouté un z-index pour l'étiquette, mais cela n'a eu aucun effet. Remarque: Le dessous est pris css de Firebug, et non pas la feuille de style réelle ...CSS - Les liens hypertexte ne vont nulle part

Markup:

<li class=""> 
    <span id="thmr_93" class="thmr_call"> 
    <a href="/edit/1">Edit</a> 
    </span> 
</li> 

CSS:

.tabs ul.primary, .tabs ul.primary li { 
    float:left; 
    line-height:normal; 
    list-style-image:none; 
    list-style-position:outside; 
    list-style-type:none; 
    margin:0; 
    padding:0; 
    text-align:left; 
} 

.tabs ul.primary li a { 
    color:#008080; 
    text-decoration:none; 
    height:30px; 
    line-height:30px; 
    margin:10px; 
    width:100%; 
    z-index:100; 
    list-style-image:none; 
    list-style-position:outside; 
    list-style-type:none; 
    text-align:left; 
} 
+0

Qu'advient-il si vous entrez l'URL http: // VOTRESITE/modifier/1 dans un navigateur? –

Répondre

2

Je vais deviner, à partir des noms de les classes (.tabs ... etc) qu'il y a du JavaScript sur la page essayant de faire agir les onglets comme des onglets dynamiques. Essayez de supprimer toutes les balises <script> de la page (normalement elles sont toutes dans le head ou en bas de la page) et de voir si cela fonctionne.

Si cela résout, quelque chose sur votre page prend le contrôle de votre balisage pour ajouter des fonctionnalités. Recherchez les fichiers nommés tabs.js ou jquery-ui.js, etc. L'un de ceux-ci pourrait causer ce problème.

+0

J'ai mis mon argent sur cette cause – Alex

+0

Ok, merci pour cela ... J'ai trouvé le js qui causait cela, mais, jusqu'à présent, je n'ai pas compris pourquoi ... , merci, cela m'a aidé! – n00b0101

0

La première étape consisterait à réduire le problème. Cela serait réalisé en commentant tout CSS jusqu'à ce qu'il fonctionne à nouveau, puis en ajoutant les propriétés dans un par un.

0

Est-ce que la page que vous consultez est /edit/1?

Juste pour une alouette changer les urls pour être complet - par exemple http://websitename.com/edit/1

2

Y at-il javascript attaché à cette ligne? Si un événement javascript onclick renvoie false, le lien n'est pas suivi. CSS ne peut pas influencer le comportement de lien AFAIK

0

Notez que si vous avez des jQuery agissant sur le lien, le lien peut ne pas sembler fonctionner, car l'événement onClick aurait été lié à une autre fonction. Désactivez JavaScript sur la page et essayez.

0

CSS n'influence pas le comportement de votre contrôle. Si vous avez un script attaché sur ce lien hypertexte, essayez de le déboguer avec firebug. Si vous avez d'autres scripts qui utilisent la fonction de soumission, essayez de les désactiver. Et si cela échoue essayez de mettre le lien relatif sur le href comme href = "~/dossier/fichier.html" ou ASPX ou quelque chose. éventuellement le lien complet avec "http://etc".

0

les onglets sont probablement chargement/édition de contenu ajax (je devine que ce) et donc je devine aussi le javascript sur la page a cessé de fonctionner correctement.

vous pouvez utiliser firebug pour déboguer la page :)

Questions connexes