Donc, une méthode que j'utilise souvent pour créer de beaux maillons de référencement utilisant des images est le Le code ci-dessus est de 95% du temps uniquement lorsque vous cliquez sur le lien de la seule zone de 100 x 100px. Cependant, lorsque vous ne définissez pas les dimensions du parent, il semble tirer sur la page ... Je pense. Mais dans ce cas de mien, il a des dimensions sur le parent mais toujours tire sur la page. En conséquence, j'ai fait le Est-ce que quelqu'un sait-il comment résoudre ce problème? Ai-je besoin d'un autre parent ou besoin de définir une autre propriété CSS? P> P> Text-time-tiret: -9999px; Code> Trick. Fondamentalement, je crée une ancre de niveau de bloc avec une image d'arrière-plan. J'ai défini son
text-indentement code> sur un grand nombre négatif afin de ne pas le voir et c'est bon pour le référencement. Lorsque je clique sur le lien, le contour de celle-ci tire la page (c'est-à-dire avec le texte vraiment éloigné). J'ai constaté que cela ne s'est passé que dans certains cas,
une plage {affichage: aucun; } CODE> Trick, mais je veux savoir comment je peux le faire avec le
Text-time-indent Code> Trick mais corrige le contour. P>
3 Réponses :
Voici un Excellent article pour supprimer ce contour maudit dans Firefox
Il suffit d'ajouter un lien très paresseux alors ici, ajoutez-le dans votre CSS: P>
a { outline: none; } :focus { -moz-outline-style: none; }
Tout en faisant la page complètement inutilisable sans souris
Il a ses avantages et des inconvénients parce que vous n'obtenez aucun commentaire à l'écran lors de la tabulation avec le clavier, mais cela corrige le problème. Merci beaucoup pour les informations cependant.
@David: En règle générale, je vois cela comme donnant la compréhension de la manière dont cela fonctionne, bien que le premier exemple de l'article lui permet de toujours être utilisable sans souris, se débarrasser du contour n'est pas tout ce que vous pouvez faire, vous pouvez changer d'autre Attributs de style à l'élément à la place, c'est-à-dire: ajouter une bordure, il est donc toujours évident que l'élément est mis en surbrillance, mais il n'a pas ce contour ridicule sur votre page.
Il suffit d'ajouter un débordement: caché sur votre div un p>
Ajouter Overflow: caché code> à la balise A.
div a {
overflow: hidden;
}
Cela devrait être la réponse acceptée - car cacher le contour est absurde. Facile, mais non-sens :)
+1 - Quelque chose que j'ai remarqué mais que je n'ai jamais obtenu de regarder dans. Grande question.
Est-ce que quelqu'un sait comment faire cela sans régler
Contour: Aucune code>? Je suis intéressé par la raison pour laquelle cela ne semble que se produire sporadiquement, plutôt que de tenter de faire disparaître les symptômes. Il y a au moins un uppote de moi dedans!