משתמש:נו, טוב/ניסויים

בחנתי את מראה הערות השוליים במקרים שונים, כאשר זה הקוד המשמש לבניית ההערות:

{{הערה|Text.}}
{{הערה|Text Text.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה.}}
{{הערה|שם=hebrewRTL-ref1|הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|שם=LTR-ref1|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|שם=hebrewRTL-ref2|הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה הערה.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|שם=LTR-ref2|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}
{{הערה|Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text.}}

מחקתי את ה-name במקרים בהם נעשה שימוש בו כדי ליישר את ההערה לשמאל (name="LTR-...") והרשימה שנבחנה כבר מיושרת לשמאל, או שהוא מיישר את הערה לימין והרשימה כבר מיושרת לימין.

בדקתי כל רשימה בכל 5 הדפדפנים העיקריים - Firefox 10, Google Chrome 17, Opera 11.6, Safari 5.1.2, IE 9 (אלה הגרסאות המעודכנות. פייפרוקס וכרום - גרסאות הבטא האחרונות. לא אמור להיות הבדל לעומת גרסאות קודמות) עם רוחב חלון 1280px (ככה יש שני טורים בדוגמאות הרלוונטיות) או 800px (טור אחד). הקוד החדש (מופיע בסוף), ללא תלות בגודל החלון (לרבות גדלים שלא נבדקו), עובד בכולם.

{{הערות שוליים|טורים=כן}}

שגיאות פרמטריות בתבנית:הערות שוליים
פרמטרים [ טורים ] לא מופיעים בהגדרת התבנית

{{הערות שוליים|יישור=שמאל|טורים=כן}}

שגיאות פרמטריות בתבנית:הערות שוליים
פרמטרים [ טורים ] לא מופיעים בהגדרת התבנית

הקוד

/* temp */

.refDisplayRows > .references > li:before {
    content: counter(ref, decimal) ".";
    counter-increment: ref;
    display: block;
    height: 0;
    position: relative;
    width: 3em;
    text-align: left;
    right: -3.5em;
}

.refDisplayRows.mw-content-ltr > .references > li:before, .refDisplayRows > .references > li[id|="cite_note-LTR"]:before {
    text-align: right;
    left: -3.5em;
}

.refDisplayRows > .references > li[id|="cite_note-hebrewRTL"]:before {
    text-align: left;
    right: -3.5em;
}

.refDisplayRows > .references {
    counter-reset: ref;
}
.refDisplayRows > .references > li {
    display: inline-block;
    min-width: 17em; /* > 32em / 2 */
}

לצורך בחינת הקוד ניתן להפעיל את קוד ה-JavaScript הבא:

javascript:

ע"י:

• בפייפוקס: לחצו Ctrl+Shift+K, העתיקו לשורה התחתונה שנפתחה ולחצו Enter.
• בגוגל כרום או ב-IE9: העתיקו לשורת הכתובת, הוסיפו ידנית את הקידומת javascript: בהתחלה ולחצו Enter.
• בשאר הדפדפנים: העתיקו לשורת הכתובת ולחצו Enter.