2010-12-08 4 views
1

Je construis un site avec une barre de navigation simple. J'ai écrit des CSS pour montrer un effet de survol pour les boutons. Tout fonctionne bien dans IE et FF mais pour une raison quelconque dans Chrome, les étiquettes de texte des boutons de menu sont invisibles, ce qui rend le menu totalement inutile. J'ai passé plus d'une heure à chercher une solution mais je ne trouve rien. J'ai installé firebug lite dans Chrome et j'ai passé un moment à essayer d'obtenir les étiquettes à afficher en ajoutant des règles z-index, en changeant la couleur de l'étiquette et en supprimant les backgrounds etc etc mais rien ne les fera apparaître.Mystère du texte invisible dans Chrome

Si quelqu'un veut voir en action essayer de regarder d'abord en http://naamjoga.cz FF puis dans Chrome. Toute aide appréciée avec reconnaissance. Merci

Répondre

1

Vous faites flotter vos liens vers la gauche et à la place vous voulez faire flotter vos éléments de liste vers la gauche. Juste testé cela et les modifications suivantes corrige votre problème. Cela n'a pas vraiment de sens de laisser flotter vos liens de toute façon.

#nav ul li { float: left; } au lieu de #nav li a { float: left; }

+0

Cela a fonctionné, merci! – Xoundboy

+0

Merci pour les points. Je peux enfin commenter! Il y a tellement de gens intelligents sur SO que formuler une réponse correcte et concise super rapide est vraiment difficile à faire. – mrtsherman

+0

Félicitations! Mais ne croyez pas trop :) Je pense que certains de ces "gens intelligents" doivent passer beaucoup trop de temps ici pour accumuler autant de points. – Xoundboy

0

Dans ma version dev de Chrome, il fonctionne comme vous voulez si vous ajoutez à vos display: inline;#nav ul li styles. Une fois que vous avez fait ce changement, vérifiez qu'il fonctionne toujours dans FF et IE.

+0

Salut - et merci pour votre réponse. En fait, j'ai vu que vous avez déjà 13.4K points donc je me suis dit que j'essaierais d'abord la réponse de mrtsherman - il n'en a que 26! ;) Sa réponse a fonctionné. J'espère que c'est OK - c'est mon premier post sur stackoverflow donc je ne suis pas à 100% sur l'étiquette dans cette situation où il y a deux réponses à vérifier. – Xoundboy

+0

@Xoundboy: L'approche habituelle consiste à upvoter chaque réponse que vous jugez utile (en cliquant sur la flèche vers le haut à gauche de chaque réponse), et d'accepter la réponse que vous trouvez la meilleure (comme vous l'avez déjà fait). – adrianbanks

+0

Bien, cela a du sens. On dirait que j'ai besoin de 15 points avant de pouvoir remonter. Cela pourrait prendre un moment. Merci pour le conseil. – Xoundboy