كيف يمكنني إصلاح قائمة HTML الخاصة بي (Nechbehaving قائمة بسيطة في متصفحات WebKit)
https://stackoverflow.com/questions/2215732
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
أنا أضع هذا السؤال هنا لأنني أصبح يائسا قليلا لإصلاح هذه المشكلة قد حيرتني الآن لأنني لا أستطيع أن أرى سبب لذلك.
يمكنك رؤية أعلى التنقل الذي يقرأ "الصفحة الرئيسية، العب الجولف ... إلخ" في الجزء العلوي من هذه الصفحة:http://urbangolf.mammalworld.com/golf-club-fitting/half-day.
يبدو أنه يعمل بشكل صحيح (يصطف خطا واحدا) في فايرفوكس، ولكن على Chrome و Safari، يلفه إلى سطر ثان في حوالي 710 بكسل، ولا يمكنني العثور على سبب. يبدو أنه بسبب استبدال الخط باستخدام كوفون، ولكن يجب أن يحدث هذا، ولكن إذا كان المتصفحان الآخران (خاصة IE!) يمكن أن يجعله بشكل صحيح، كيف يمكنني الحصول على WebKit منها أن تتصرف؟
مساعدتكم سيتم تقدير كبير.
صيح IE / FF
النص البديل http://urbangolf.mammalworld.com/templates/navigation-correct.jpg.
خاطئ كروم / سفاري
النص البديل http://urbangolf.mammalworld.com/templates/navigation-wrong.jpg.
المحلول
أنا لست متأكدا تماما لماذا يقرر WebKit القيام بذلك، ولكن لحسن الحظ هناك حل سهل لهذه المواقف باستخدام أفقي <ul> أنماط.
في user.css يتغيرون:
.top-navigation ul {margin:0;padding:0;padding-top:10px;padding-bottom:10px;width: 960px;}
يضيف white-space: nowrap;:
.top-navigation ul {margin:0;padding:0;padding-top:10px;padding-bottom:10px;width:960px;white-space:nowrap;}
