שאלה בענין רשימה בת 2 טורים

[DMD]

שלום
אני קצת חדש בתחום הזה וברצוני לשאול עצתכם בענין מסויים
אני באמצע עריכת דף אתר עם רשימה של דברים.
בסוף הדף, אני רוצה עוד רשימה (הפונט יהיה יותר קטן) ושיהיה בת 2 טורים.
כלומר, אם יש 4 דברים ברשימה, אז 2 יהיה בצד ימין ו2 בצד שמאל.
השאלה הוא, הגם שהצלחתי לעשות את זה ידני על ידי 2 דיבים (div), מ"מ רציתי שזה יהיה אוטומטי, באופן שאם אוסיף דברים לרשימה, הוא יעדכן את עצמו מיד, ולא שאני תמיד יצטרך לסדר את הרשימה של צד ימין ושל צד שמאל.

אני מקווה שהובנתי
ומצפה לתשובתכם
תודה מראש!

 

[Shia]

אפשר להגדיר לפריטי הרשימה display:inline-block ולהגדיר להם רוחב של 50%, ככה הם יסתדרו באופן כזה:
1 2
3 4
5 6

 

[Shia]

אם אתה רוצה רשימה כזאת דווקא:
1 4
2 5
3 6
ניתן לעשות זאת בעזרת עמודות css - זו תכונה הנתמכת רק בדפדפנים מודרניים

ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

עיין כאן: http://jsfiddle.net/HP85j/8/


עוד אפשרות הנעזרת בjs (נתמך גם בדפדפנים ישנים)
http://jsfiddle.net/HP85j/19/

 

[DMD]

תודה רבה Shia!
לא רציתי להיות מוגבל לדפדנים החדשים, לכן נסיתי בדרך ראשונה.
ב"ה הצלחתי לקבל את התוצאות שרציתי.
ואני ישאל (הגם שרמזת בתגובה ראשונה שלך שלא) האם אפשר להגדיר אותו שיציג 2 למטה מ1 לאפוקי 2 משמאל ל1?


לגבי הקישור השני שכתבת בתגובה השניה
אני לא רואה שם שעובד בטורים... אם לא שיש לי לשנות משהו שם.


שוב תודה רבה!

 

[s976]

לגבי הקישור השני שכתבת בתגובה השניה
אני לא רואה שם שעובד בטורים... אם לא שיש לי לשנות משהו שם.

זה דווקא עובד יפה בטורים. צרף את צילום המסך שלך, אם לא.
אם אתה משתמש בשפת שרת, אז יש פתרונות יותר אלגנטיים.

 

[DMD]

אני מתכוון לקיושר השני שShia העלה למעלה
זה צילום מסך של דף האתר

 

[s976]

מעניין. כנראה שזה לא עובד חלק בכל הדפדפנים. מה הדפדפן שלך?
עוד מה שיכול להיות, שאתה משתמש עם נתיב, או משהו כזה. וזה חוסם לך איזה סקריפט חיצוני (אולי JQUERY ) שצריך להיטען.

 

[DMD]

FireFox על מקינטוש

 

[s976]

אם כן זה צריך להיות בסדר. הגיוני מאוד שהניחוש השני שלי הוא הנכון.

 

[DMD]

אה - מעניין. אפילו לא ראיתי את הדבר השני שכתבת!
אכן זה נכון, יש לי חברת חסימה ואולי זה ביאור הדבר
אבדוק יותר בעז"ה
תודה רבה

 

[s976]

אם אתה נכנס לתוך כלי פיתוח של הדפדפן, אתה צריך לראות הודעה על כך שמשהו לא הצליח להיטען.

 

[DMD]

אתה מתכוון ל Tools>Web Developers?
אני לא רואה שום שגיאות שם.

 

[s976]

אני לא מכיר איך זה בפיירפוקס.
אבל בכרום אתה לוחץ ctrl shift J
ואז אתה אמור לראות משהו כמו בתמונה מצורפת