תוכן שנמחק תוכן שנוסף
שורה 108:
[[משתמש:Dan_Pelleg|דן]] 15:25, 8 בינואר 2011 (IST)
:גם אצלי! סוף סוף, תודה. אני מקווה שזה יוצא תקין גם בשאר סוגי הדפדפנים ולא רק אצלנו. וזו אכן בעיה שיש רווחים קצת גדולים מלמעלה ומלמטה, אבל אולי זה לא נורא כל כך, ניסיתי את זה בטקסטים שב[[כתיבה (תהליך קוגניטיבי)]] וב[[דיסגרפיה]] וזה נראה קצת כמו הרווחים שיש כשמשתמשים בוויקיפדיה בנוסחאות מתמטיות. יש פיתרון פשוט לעניין הזה? [[משתמש:Ravit|Ravit]] - [[שיחת משתמש:Ravit|שיחה]] 17:06, 8 בינואר 2011 (IST)
::טוב – בינתיים נעשה את זה ככה ואולי איזה מומחה ימצא שיפור מתישהו. בשורה הראשונה בקבוצה האחרונה פשוט שמתי את התמונה באמצע הטקסט, בעיקרון <span style="white-space: nowrap">"<nowiki>כתיבת [[תמונה:שם התמונה|15px]] או...</nowiki>"</span>.
 
::אם מעניין אותך, הנה הסבר חלקי של כל העניין: כדי "לקצץ נתחים עודפים" מאלמנט על הדף, אפשר להגדיר לו תכונות [[css]] של גובה ורוחב מסויימים (למשל '''<span style="white-space: nowrap;direction:ltr;unicode-bidi:bidi-override"><nowiki> style="height:10px; width:13px"</nowiki></span>''') ולהגדיר שאם תוכן האלמנט יותר גדול מהמידות המוגדרות, לקצץ את העודף (שזה נראה ככה: '''<span style="white-space: nowrap;direction:ltr;unicode-bidi:bidi-override"><nowiki> style="overflow:hidden"</nowiki></span>''').
 
::אי אפשר להחיל את זה ישירות על תמונה אבל אפשר להכניס תמונה לתוך אלמנט "div" ואותו לקצץ, '''אבל:''' "div" בדרך כלל מוריד שורות, אז כדי להשאיר אותו בשורה נותנים לתכונת ה־"display" שלו ערך מסוג "inline" (שזה נראה ככה: '''<span style="white-space: nowrap;direction:ltr;unicode-bidi:bidi-override"><nowiki> style="display:inline" </nowiki></span>'''). והנה הבעיה: משום מה, עם ערך ה־inline הרגיל, השוליים העודפים לא מתקצצים. לעומת זאת, עם ערך "inline-block" הקיצוץ עובד מצויין אצלי באקספלורר, בספארי ובכרום, אבל אצלך משום מה לא. והפתרון המקורי היה לשים את התמונה בתוך תא של טבלה, וכאן הבעיה היא: הערך התקני שמונע מטבלה לרדת שורות הוא "inline-table", אבל אצלך זה לא עובד, כי משום מה יש אקספלוררים שדווקא משאירים טבלה בשורה אך ורק עם ערך "inline" רגיל, שאצל כל דפדפן אחר לא עובד עם טבלאות, במילים אחרות: עם "inline-table" הטבלה תישאר בשורה בכל הדפדפנים ובחלק מהאקספלוררים אבל תרד שורה אצלך ובכמה אקספלוררים אחרים, ועם "inline" היא תישאר בשורה אצלך ובכמה אקספלוררים אחרים אבל תרד שורה בכל הדפדפנים האחרים. איזה תיסכול. [[משתמש:Dan_Pelleg|דן]] 04:17, 9 בינואר 2011 (IST)