רוטר - אפשר לקבל הסבר מה ההבדל בין סוגי ה position השונים?

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"אפשר לקבל הסבר מה ההבדל בין סוגי ה position השונים?"

גירסת הדפסה

קבוצות דיון בניית אתרים נושא #10064	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 10064

dvir8
חבר מתאריך 13.5.02
5929 הודעות

16:02 03.03.11

אפשר לקבל הסבר מה ההבדל בין סוגי ה position השונים?

ערכתי לאחרונה בתאריך 03.03.11 בשעה 16:08 בברכה, dvir8

relative, absolute
יש עוד?
מה כל אחד מהם? מה ההבדל ביניהם ומתי עדיף להשתמש בכל אחד, ולמה יש div בלי position?
ניסיתי להבין מאתרים מסויימים והבנתי שבמצב אבסולוטי אתה יכול לקבוע ממש מיקום על המסך, שלא הבנתי מה טוב בזה כי זה משתנה ממסך למסך.
אבל מישהו יכול להגיד לי תאכלס למה איך ומתי?
עד עכשיו בניתי בטבלאות ופשוט הבנתי שזה כבר לא כל כך תקני.

שתף

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

האשכול	מחבר	תאריך כתיבה	מספר
בולשיט. אין שום דבר לא תקני בטבלאות.	Ice Cold	03.03.11 18:37	1
אתה לא הבנת אותו אבל זה גם כי הוא בעצמו לא הבין או	Sylver	04.03.11 03:42	2
אין דבר כזה ''תכנות כמו שהתכוונו''.הסיבה היחידה שאני רואה	Ice Cold	04.03.11 13:06	3
יש המון סיבות למה טבלאות נכחדות מהעולם	ליל קיץ	04.03.11 14:03	5
זה בדיוק החוק שאני עובד לפיו, מהסיבה שציינתי.	Ice Cold	04.03.11 19:22	6
יש חוק מאוד פשוט בנושא של טבלאות	bmaorlo	04.03.11 14:02	4
תודה על התגובות, לסיכום	dvir8	05.03.11 16:37	7
לסיכום	kutumaster	07.03.11 23:10	11
תודה רבה נעיין בזה..	dvir8	08.03.11 10:21	12
אני לא מבין למה לשלול לגמרי את השימוש בטבלאות,	akoka2	06.03.11 08:29	8
לזה בדיוק התכוונתי	Sylver	06.03.11 23:06	9
מה מצריך טבלאות? זאת השאלה	dvir8	06.03.11 23:25	10
ההבדל בין Absolute לבין Relative	bloodkiller	08.03.11 22:02	13
שיש לך נתונים שמסודרים טבלה :-)	Sylver	09.03.11 04:23	14
זה בסדר להכניס תמונה בטבלה?	dvir8	09.03.11 12:25	15
כנס	bloodkiller	09.03.11 23:58	16
הבנתי, תודה רבה לך איש יקר.	dvir8	10.03.11 08:57	17

Ice Cold

חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק

18:37 03.03.11

1. בולשיט. אין שום דבר לא תקני בטבלאות.
בתגובה להודעה מספר 0

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

(ניהול: מחק תגובה)

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

Sylver
חבר מתאריך 1.7.02
11915 הודעות, 2 פידבק

03:42 04.03.11

2. אתה לא הבנת אותו אבל זה גם כי הוא בעצמו לא הבין או
בתגובה להודעה מספר 1

ערכתי לאחרונה בתאריך 04.03.11 בשעה 03:45 בברכה, Sylver

לא מכיר את הקונספט של סמנטיות ויעילות קוד.
טבלאות הן תקניות לחלוטין אבל לא בזה נעוצה "הבעיה".
הבעיה היא שיש דברים שהרבה יותר יעיל ונכון לייצר אותם באמצעות דיבים ותגים אחרים שיועדו לכך מלכלתחילה! המגמה בעיצוב אתרים בשנים האחרונות באה לתקן את התפישה שטבלאות עם גבול מוגדר ל0 הינן פלטפורמה "מעולה" לעיצוב אתרים. אז זהו שלא. הדבר הנכון לעשות הוא להשתמש בדיבים ובכלל לעשות שימוש נכון בתגי HTML כפי שהתכוון המשורר כשהוא (W3C) תכננו את התגי HTML הנוכחיים.
במילים אחרות, תבנית עיצוב בונים עם דיבים, לכותרות משתמשים בתגים ייעודים כגון H1 H2 וכו', רשימות UL LI וכו'.

טבלאות למעשה, צריכות לחזור לשימוש המקורי שלהן שהוא הצגת מידע (DATA) ותו לא. כשאני רואה אתר שמעוצב עם טבלאות, מבחינתי זה אתר גרוע ומיושן (OBSOLETE) מבחינת התשתית HTML שלו.

(ניהול: מחק תגובה)

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

Ice Cold

חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק

13:06 04.03.11

3. אין דבר כזה ''תכנות כמו שהתכוונו''.הסיבה היחידה שאני רואה
בתגובה להודעה מספר 2

לא להשתמש ב-טבלאות היא שבמקרה של טבלה, היא לא תוצג על המסך עד שתגית סיום של ה-TABLE לא תרד מהשרת, בטבלאות גדולות זה יכול לקחת המון זמן.
אם כל שורה היא DIV, תוכל לקבל מידע חלקי, כי תקבל חלק מה-DIVים.
אבל היום, בזמן האינטרנט המהיר, ואם אתה בונה הכל נכון, אין סיבה שלא תוכל להשתמש בטבלה לשימושים מסויימים.

כמובן ש-DIV עם CS יותר טובים למשל ל-SKINNING, אבל שוב, במידה ויש תוכן בתוך רכיב ידוע מראש, והוא לא גדול מדי, לא רואה שום סיבה לא להשתמש בטבלה.

(ניהול: מחק תגובה)

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

ליל קיץ

חבר מתאריך 14.2.10
10048 הודעות, 7 פידבק

14:03 04.03.11

5. יש המון סיבות למה טבלאות נכחדות מהעולם
בתגובה להודעה מספר 3

זה הכל כחלק מחוקי האינטרנט שהשתנו בשנים האחרונות.
לפני 12 שנה מבנה של אתר "תקני" היה בד"כ מובנה מכמה FRAMES , כאשר אחד לניווט ואחד לתוכן , אם לא יותר.
אחר כך נפתרו מהפריימים ועברו למבנה מסודר של "טבלאות" , כחלק מהעיצוב הראשי.
עם השנים תפס תאוצה ה LAYOUT של ה DIV , שמאפשר בעצם הפרדת עיצוב מקוד ברמה הטובה ביותר , והתאמת האתר לשינויים עתידיים בקלות.
כמובן שהאתרים היום הרבה יותר מרהיבים ויפים מהאתרים של פעם.
הסיבה לזה היא לא שהמעצבים פתאום נהיו כל אחד ג'ורג'יו ארמני , אלא כי נפתרו מהטבלאות והפתרונות הנוכחיים הרבה יותר גמישים .

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

(ניהול: מחק תגובה)

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

Ice Cold

חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק

19:22 04.03.11

6. זה בדיוק החוק שאני עובד לפיו, מהסיבה שציינתי.
בתגובה להודעה מספר 5

אני רוצה לראות חלקים אחדים בזמן שהדף נטען.
אבל אם אני צריך לעצב רכיב קטן של LOGIN, או איזו רשימה או כל רכיב קטן אחר - אני לא מהסס להשתמש בטבלאות.

(ניהול: מחק תגובה)

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

bmaorlo
חבר מתאריך 13.4.03
4770 הודעות

14:02 04.03.11

4. יש חוק מאוד פשוט בנושא של טבלאות
בתגובה להודעה מספר 0

שאתה צריך טבלה תשתמש בטבלה.
אין כזה דבר כן נכון לא נכון .

(ניהול: מחק תגובה)

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

dvir8
חבר מתאריך 13.5.02
5929 הודעות

16:37 05.03.11

7. תודה על התגובות, לסיכום
בתגובה להודעה מספר 0

איך אתם קובעים מתי להכניס טבלה ומתי להכניס div?
לפי איך שאני רואה את הדברים div הוא הרבה יותר גמיש.
השאלה היא במה יותר פשוט להשתמש ויותר נוח?

בכל מקרה אשמח אם תענו לי על השאלות הראשונות לגבי ההבדלים בין ה position

(ניהול: מחק תגובה)

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

kutumaster
חבר מתאריך 19.9.06
19325 הודעות, דרג אמינות חבר זה

23:10 07.03.11

11. לסיכום
בתגובה להודעה מספר 7

לפי מודל שלושת השכבות
טבלאות נועדו ל DATA
DIV נועדו לעיצוב
לגבי הPOSITION
http://www.barelyfitz.com/screencast/html-training/css/positioning/

+ מאמר לגבי ההבלדים בין טבלאות לדיבים
http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/

בברכה,

(ניהול: מחק תגובה)

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

dvir8
חבר מתאריך 13.5.02
5929 הודעות, דרג אמינות חבר זה

10:21 08.03.11

12. תודה רבה נעיין בזה..
בתגובה להודעה מספר 11

(ניהול: מחק תגובה)

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

akoka2

דרג אמינות חבר זה

08:29 06.03.11

8. אני לא מבין למה לשלול לגמרי את השימוש בטבלאות,
בתגובה להודעה מספר 0

טבלאות הן טבלאות, אם אני כותב מערכת חנות וירטואלית, ויש לי רשימת מלאי שאני שולח לספק שלי, יהיה נכון/נוח יותר להציג את זה בטבלה.

לגבי עיצוב שלם של אתר על בסיס טבלאות, איכס.

(ניהול: מחק תגובה)

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

Sylver
חבר מתאריך 1.7.02
11915 הודעות, 2 פידבק, 0 נקודות

23:06 06.03.11

9. לזה בדיוק התכוונתי
בתגובה להודעה מספר 8

טבלאות נועדו לדברים שצריכים טבלאות..וזהו. חח.

(ניהול: מחק תגובה)

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

dvir8
חבר מתאריך 13.5.02
5929 הודעות, דרג אמינות חבר זה

23:25 06.03.11

10. מה מצריך טבלאות? זאת השאלה
בתגובה להודעה מספר 9

ומה ההבדל בין ה position

(ניהול: מחק תגובה)

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

bloodkiller
חבר מתאריך 23.9.03
295 הודעות, דרג אמינות חבר זה

22:02 08.03.11

13. ההבדל בין Absolute לבין Relative
בתגובה להודעה מספר 10

שכאשר משתמשים בRelative שאר האובייקטים מתייחסים למיקום היחסי של האוביקט במקומו המקורי.
זה אומר שאם יש לך תמונה ולידה טקסט ואתה מזיז רלטיבית את התמונה שאר התוכן עדיין יושפע ממיקום התמונה.

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

(ניהול: מחק תגובה)

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

Sylver
חבר מתאריך 1.7.02
11915 הודעות, 2 פידבק, 0 נקודות

04:23 09.03.11

14. שיש לך נתונים שמסודרים טבלה :-)
בתגובה להודעה מספר 10

פשוטו כמשמעו.

(ניהול: מחק תגובה)

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

dvir8
חבר מתאריך 13.5.02
5929 הודעות, דרג אמינות חבר זה

12:25 09.03.11

15. זה בסדר להכניס תמונה בטבלה?
בתגובה להודעה מספר 14

ואם כן ע"י איזו שיטה <img> או style?

(ניהול: מחק תגובה)

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

bloodkiller
חבר מתאריך 23.9.03
295 הודעות, דרג אמינות חבר זה

23:58 09.03.11

16. כנס
בתגובה להודעה מספר 15

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

מעבר לכך תמיד כדאי להעיף מבט לעבר מה מקובל ונפוץ, כי לרוב אלו הדברים הנוחים שמאפשרים עדכון ושינוי בקלות ואף תומכים ברוב האופציות.
ברגע שאתה בונה טבלאות יהיה לך קשה לשנות מיקום, לשנות רוחב כי זה ישפיע לכלל האורך ולכן מקובל יותר שמידע שמצריך טבלה כמו שמות אנשים עיר מגורים וטלפון - נכניס לטבלה.
מידע על האתר ותמונות של העובדים לרוב נסדר בעזרת div וposition, כאשר אם נרצה קשר כלשהו בין מיקום של אחד לשני נשים relative ואחרת נעשה absolute.

(ניהול: מחק תגובה)

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

dvir8
חבר מתאריך 13.5.02
5929 הודעות, דרג אמינות חבר זה

08:57 10.03.11

17. הבנתי, תודה רבה לך איש יקר.
בתגובה להודעה מספר 16

(ניהול: מחק תגובה)

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