אירוח ופיתוח האתר נתרמו באדיבות...
- לינווייט - תשתיות תוכן וקהילה
- אמנון לבב - לבבי מדריכים
היי,
אני התחלתי לעצב אתר באאמצעות טנדו, יש לי בעיה שאקספלורר עושה לי עם ה navigation bar - ואם אני מסדר אותו אז ב FIREFOX כבר לא רואים טוב. ראיתי את הקובץ שמתייחס ל CSS שמופנה אך ורק לאקספלורר אך שינויים שאני עושה לא באמת משפיעים על אקספלורר - למרות שהורדתי את סימן ההערה מ STYLE.css.
ניתן לראות את הבעיה פה: www.goldiam.co.il
איפה אני מגדיר שבטעינה לאקספלורר ייגש לקובץ השני?
תודה מראש.
בעניין: תאימות לאקספלורר - טנדו
אני לא מומחה לטנדו , אבל אני סומך על תום ב1000% .
כל מה שאתה צריך לעשות זה לשים את ההוראות של העיצוב ל IE בקבצים המתאימים לפי הגרסה של ie
ie6 - לגרסה 6 בלבד
ie - לכל גרסאות של ie
<!--[if IE]>
<link rel="stylesheet" href="/sites/all/themes/tendu/ie.css" type="text/css" media="screen" charset="utf-8" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" href="/sites/all/themes/tendu/ie6.css" type="text/css" media="screen" charset="utf-8" />
<![endif]-->
זה בסדר שזה בהערה ואל תוריד את זה
אתה יכול לקרוא מידע טכני כאן
http://www.dedestruct.com/2008/04/03/how-to-css-conditional-comments/
אביאור
http://dev-art.net
פרט נמק והסבר
למרות שאני כתבתי את טנדו, היא לא מושלמת. :)
בטוח שאפשר לפתור את הבעיה, רק תסביר קצת יותר
שינוי ניתוב לקובצי CSS
מה שקורה הוא שאני נתקל בבעיות בהצבה של התמונות ב navigation bar. כל דפדפן פשוט מציג את זה שונה לגמרי מבחינת המיקום וזה נורא מתסכל ליישר את זה בכל הדפדפנים. רציתי פתרון שיהיה תואם לכל, ניסיתי להציב תמונות בטבלה, לבצע image replacment באמצעות text-indent, ואף להציב את התמונות בxhtml עצמו. שום דבר לא באמת תאם לכל הדפדפנים, מה שאומר שאולי עדיף להשתמש בקובץ CSS נפרד עבור כל דפדפן, כמו ששתלת בערכה, וכך להשיג הצבה נכונה.
הבעיה היא שזה לא עובד לי, אקספלורר לא טוען את הקובץ שהוא אמור לטעון - (ie.css). (יש לומר שאני לא משתמש ב I18n עם הערכה משום שאין כוונה לעשות את האתר מרובה שפות והיה נראה לי מיותר לשתול (he) ב URL כל הזמן - או להתחיל לבזבז זמן בלנסות לשנות את זה.) בכל מקרה, אני לא מצליח לבצע את הניתוב.
זה הקוד שיש לי ב front-page.tpl.php:
זה הקוד:
<link rel="stylesheet" href="/sites/all/themes/goldiam/ie.css" type="text/css" media="screen" charset="utf-8" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" href="/sites/all/themes/goldiam/ie6.css" type="text/css" media="screen" charset="utf-8" />
<![endif]-->
המבנה של ההערה נכון
הסיבה היחידה שזה לא יעבוד היא שהמסלול שמוגדר לקבצי CSS הוא לא נכון.
אבל אתה לא צריך אותם, לא יכול להיות שדבר כלכך פשוט כמו לשים רקעים לתפרטים/חיפוש ידרוש ממך התאמה לכל הדפדפנים.
אתה עושה שם משהו מאד לא נכון.
תתחיל מכאן, תמשיך לבד -
#main-nav{overflow:hidden;width:100%;text-align:right;background: url(images/nav.jpg) no-repeat 100% 0}
#search-nav{width:245px;height:103px;}
#search-nav form{padding-top:50px;}
#main-nav a{float:right}
#main-nav a img{padding-top:30px}