‫תגובות לפוסט: "מבנה טבלאי ב-CSS"‬ http://blog.devign.co.il/3/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/ ‫תכנות אינטרנט מתקדם‬ Fri, 20 Aug 2010 12:53:42 +0000 http://wordpress.org/?v=2.8.6 hourly 1 ‫מאת: נועם‬ http://blog.devign.co.il/3/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/comment-page-1/#comment-8 ‫נועם‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/#comment-8 ‫בדיוק מה שחיפשתי :-) תודה רבה‬

בדיוק מה שחיפשתי :-)
תודה רבה

]]> ‫מאת: שרית‬ http://blog.devign.co.il/3/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/comment-page-1/#comment-9 ‫שרית‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/#comment-9 ‫ווווואו, איפה התחבאת כל הזמן הזה עם העיצוב הזה? אתה חייב לכתוב יותר. אני מחפשת מעצבים שמבינים ב-CSS וכותבים בעברית. אני לא מומחית אבל אני מתרגמת הרבה תבניות עיצוב של וורדפרס לעברית וזה כולל הרבה משחקים עם קבצי ה-CSS. הרבה פעמים אני נתקעת בגלל כל מיני באגים טיפשים. הפונט של הכותרות - מקסים.‬

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

]]> ‫מאת: NeoSwf‬ http://blog.devign.co.il/3/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/comment-page-1/#comment-10 ‫NeoSwf‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/#comment-10 ‫החסרון של מבנה אבסולוטי הוא שהוא אינו גמיש ונוטה לבאגים. מבנה טבלאי בד"כ בא לעצב גלריית משתמשים או חפצים. גלריה היא רשימה של פריטים. סמנטית נכון יותר לתאר כך אותה. העלתי לאויר עמוד המתאר נכון יותר מבנה זה: <a href="http://www.webcssdesign.34sp.com/me/aTableLikeList.htm">aTableListLike</a> עשיתי שימוש פה לראשונה במאפיני display table, table-row, table-cell מבנה זה נתמך ie5.5, ff1, safari הנה עמוד בדיקה שלו בbrowsershots <a href="http://browsershots.org/website/http://www.webcssdesign.34sp.com/me/aTableLikeList.htm">BrowserShots</a> היתרון של מבנה זה הוא שלא משנה לי גובה האלמנט הגבוה מכולם, לא משנה לי גובה הכותרת או אורכה- המבנה הזה גמיש.אתה יכול להגביל בעיצוב כל דבר שאתה רוצה, אך אם אתה צריך מבנה גמיש נטול הגבלות, מבנה זה בה לעזרתך‬

החסרון של מבנה אבסולוטי הוא שהוא אינו גמיש ונוטה לבאגים.

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

העלתי לאויר עמוד המתאר נכון יותר מבנה זה:
aTableListLike
עשיתי שימוש פה לראשונה במאפיני display table, table-row, table-cell
מבנה זה נתמך ie5.5, ff1, safari
הנה עמוד בדיקה שלו בbrowsershots
BrowserShots
היתרון של מבנה זה הוא שלא משנה לי גובה האלמנט הגבוה מכולם, לא משנה לי גובה הכותרת או אורכה- המבנה הזה גמיש.אתה יכול להגביל בעיצוב כל דבר שאתה רוצה, אך אם אתה צריך מבנה גמיש נטול הגבלות, מבנה זה בה לעזרתך

]]> ‫מאת: אלעד‬ http://blog.devign.co.il/3/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/comment-page-1/#comment-11 ‫אלעד‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/#comment-11 ‫<blockquote cite="NeoSwf"><cite>NeoSwf אמר/ה:</cite> החסרון של מבנה אבסולוטי הוא שהוא אינו גמיש ונוטה לבאגים. </blockquote> אין כאן שימוש במבנה אבסולוטי אלא floats. <blockquote cite="NeoSwf"><cite>NeoSwf אמר/ה:</cite> מבנה טבלאי בד"כ בא לעצב גלריית משתמשים או חפצים. גלריה היא רשימה של פריטים. סמנטית נכון יותר לתאר כך אותה. </blockquote> מבנה טבלאי בא לעצב טבלה. עמודות, שורות, לרוב עם תכנים טקטואליים. כשיש חשיבות להשפעה על רוחב עמודה לפי העמודה הארוכה ביותר, והנתונים טבלאיים, צריך להשתמש בטבלה. ברגע שאתה מתחיל להתעסק עם colspan/rowspan או כשהשורה האחרונה בטבלה לא מכילה את כל כמות התאים ואתה מוסיף תאים ריקים, הקוד שלך פחות סמנטי. <blockquote cite="NeoSwf"><cite>NeoSwf אמר/ה:</cite> העלתי לאויר עמוד המתאר נכון יותר מבנה זה: <a href="http://www.webcssdesign.34sp.com/me/aTableLikeList.htm">aTableListLike</a> עשיתי שימוש פה לראשונה במאפיני display table, table-row, table-cell </blockquote> הקוד שלך לא תקני, לא ניתן לשים div בתוך ul. חוץ מזה, כך תצטרך בקוד צד השרת להדפיס כל 3 פריטים סגירה של ul, במקום הדפסה רציפה של כל הפריטים בתוך container אחד.‬
NeoSwf אמר/ה:
החסרון של מבנה אבסולוטי הוא שהוא אינו גמיש ונוטה לבאגים.

אין כאן שימוש במבנה אבסולוטי אלא floats.

NeoSwf אמר/ה:
מבנה טבלאי בד"כ בא לעצב גלריית משתמשים או חפצים.
גלריה היא רשימה של פריטים. סמנטית נכון יותר לתאר כך אותה.

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

NeoSwf אמר/ה:
העלתי לאויר עמוד המתאר נכון יותר מבנה זה:
aTableListLike
עשיתי שימוש פה לראשונה במאפיני display table, table-row, table-cell

הקוד שלך לא תקני, לא ניתן לשים div בתוך ul. חוץ מזה, כך תצטרך בקוד צד השרת להדפיס כל 3 פריטים סגירה של ul, במקום הדפסה רציפה של כל הפריטים בתוך container אחד.

]]> ‫מאת: NeoSwf‬ http://blog.devign.co.il/3/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/comment-page-1/#comment-12 ‫NeoSwf‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/#comment-12 ‫צודק לחלוטין, לא בדקתי ואלידיות. אני אבדוק שימוש באלמנט אינלייני להחליף הדיב, אך מבדיקה ראשונית יש עם זה בעיות. <blockquote>אין כאן שימוש במבנה אבסולוטי אלא floats.</blockquote> אמרתי מבנה אבסולוטי כי נתת גובה ורוחב קבועים- זהו מבנה בעל גדלים אבסולוטים. מה קורה אם כותרת או תוכן התא גדלים מעבר לפרופורציות אלו? אמרתי שהמבנה שאני מציע בא לענות על צרכי מבנה גמיש ולא מקובע. אם במקובע עסקינן, אז הגדרה תחומה + overflow:hidden היא הפתרון. <blockquote>מבנה טבלאי בא לעצב טבלה</blockquote> אנסח עצמי מחדש- מבנה דמוי טבלה. לא התכוונתי לטאג טבלה. התכוונתי לגריד, לשתי וערב, למבנה המייצג בד"כ גלריות משתמשים או פריטים. <blockquote> ברגע שאתה מתחיל להתעסק עם colspan/rowspan או כשהשורה האחרונה בטבלה לא מכילה את כל כמות התאים ואתה מוסיף תאים ריקים, הקוד שלך פחות סמנטי.</blockquote> למה אמרת את זה? לא דיברתי על כך. שוב <blockquote>להדפיס כל 3 פריטים סגירה של ul</blockquote> אם בגלריה/מבנה טבלאי עסקינן, אשר היא גמישה וזורמת ולא מגבילה המשתמש לגובה כותרת, מספר שורות לתוכן הטקסט, וקיים צורך במניעת זליגת דויום צפים ימינה עקב שבירת הזרימה ע"י דיו אשר שבר את אחידות הגבהים בשורה, נוצר צורך ביצירת אלמנט אשר או ינקה את המרחב סביבו, או שיצור תא דמוי TR, ולכן מחוייבת פה עבודת צד שרת. למבנה אבסולוטי במידותיו אני אעיף את הטאגים התוחמים ואצור זרימה חופשית של LIים.‬

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

אין כאן שימוש במבנה אבסולוטי אלא floats.

אמרתי מבנה אבסולוטי כי נתת גובה ורוחב קבועים- זהו מבנה בעל גדלים אבסולוטים. מה קורה אם כותרת או תוכן התא גדלים מעבר לפרופורציות אלו?
אמרתי שהמבנה שאני מציע בא לענות על צרכי מבנה גמיש ולא מקובע.
אם במקובע עסקינן, אז הגדרה תחומה + overflow:hidden היא הפתרון.

מבנה טבלאי בא לעצב טבלה

אנסח עצמי מחדש- מבנה דמוי טבלה. לא התכוונתי לטאג טבלה. התכוונתי לגריד, לשתי וערב, למבנה המייצג בד"כ גלריות משתמשים או פריטים.

ברגע שאתה מתחיל להתעסק עם colspan/rowspan או כשהשורה האחרונה בטבלה לא מכילה את כל כמות התאים ואתה מוסיף תאים ריקים, הקוד שלך פחות סמנטי.

למה אמרת את זה? לא דיברתי על כך.

שוב

להדפיס כל 3 פריטים סגירה של ul

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

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

]]> ‫מאת: NeoSwf‬ http://blog.devign.co.il/3/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/comment-page-1/#comment-13 ‫NeoSwf‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/#comment-13 ‫תוספת: אשמח לשמוע פתרון מצידך לבעיית גריד גמיש בעל ילדים צפים.‬

תוספת: אשמח לשמוע פתרון מצידך לבעיית גריד גמיש בעל ילדים צפים.

]]> ‫מאת: אלעד‬ http://blog.devign.co.il/3/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/comment-page-1/#comment-14 ‫אלעד‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/#comment-14 ‫כשדיברתי על קוד פחות סמנטי, התכוונתי לכך שהוספת ul לכל 3 פריטים. צודק לגבי המבנה האבסולוטי, לא הבנתי את כוונתך. בכל אופן, המאמר מדבר על מבנה די ספציפי, אך עם זאת כזה שמתבטא בהרבה מקרים. לגבי גריד גמיש - כדאי לבדוק לעומק את המאמר הבא: <a href="http://layout.constantology.com/">css layouts</a> מאחר והוא מספק פתרון יפה לבעית הגבהים הלא שווים של אלמנטים צפים.‬

כשדיברתי על קוד פחות סמנטי, התכוונתי לכך שהוספת ul לכל 3 פריטים.

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

לגבי גריד גמיש – כדאי לבדוק לעומק את המאמר הבא:
css layouts
מאחר והוא מספק פתרון יפה לבעית הגבהים הלא שווים של אלמנטים צפים.

]]> ‫מאת: NeoSwf‬ http://blog.devign.co.il/3/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/comment-page-1/#comment-15 ‫NeoSwf‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/#comment-15 ‫ספציפית בעמוד שנתתי לך, יש UL 1 בלבד במסמך. כעת אחרי הערתך אודות חוסר התקניות, אני מתכנן אותו מחדש. אני מעוניין בUL אחד בלבש לרשימה אחת ולא לקנן כל שורה UL חדש. דבר שניתן לביצוע אך מכביד לא סמנטי והגיוני בעליל. תודה על הלינק שלומי‬

ספציפית בעמוד שנתתי לך, יש UL 1 בלבד במסמך.
כעת אחרי הערתך אודות חוסר התקניות, אני מתכנן אותו מחדש. אני מעוניין בUL אחד בלבש לרשימה אחת ולא לקנן כל שורה UL חדש. דבר שניתן לביצוע אך מכביד לא סמנטי והגיוני בעליל.

תודה על הלינק
שלומי

]]> ‫מאת: אלעד‬ http://blog.devign.co.il/3/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/comment-page-1/#comment-16 ‫אלעד‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/#comment-16 ‫טעות שלי, כוונתי הייתה ל-div בכל 3 פריטים. הקוד הכי "סמנטי" למקרה הזה יהיה ul שבתוכו מספר li צפים שלפי רוחב ה-ul "שוברים שורות". וכאן אנו חוזרים לקוד שכתבתי במאמר (למרות שהוא כתוב עם divים).‬

טעות שלי, כוונתי הייתה ל-div בכל 3 פריטים.
הקוד הכי "סמנטי" למקרה הזה יהיה ul שבתוכו מספר li צפים שלפי רוחב ה-ul "שוברים שורות".
וכאן אנו חוזרים לקוד שכתבתי במאמר (למרות שהוא כתוב עם divים).

]]> ‫מאת: NeoSwf‬ http://blog.devign.co.il/3/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/comment-page-1/#comment-17 ‫NeoSwf‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%9e%d7%91%d7%a0%d7%94-%d7%98%d7%91%d7%9c%d7%90%d7%99-%d7%91-css/#comment-17 ‫הטכניקה שמבצע Layouts היא קליר. אחת מ2 האפשרויות העומדות בפני. אני מקווה שהבנת את כוונתי המקורית. בדיוק כמו המקרה המופיע בעמוד לדוגמא שנתתי. ברגע שכותרת אחת- כלומר תוכן אלמנט אחד גבוה מתוכן חבריו, כל זרימת הציפה תיפגע לך. אל תשכח שגם אני משתמש בהצפת האלמנטים בעמוד שלי. אני רק מתמודד שם עם בעיה שהיא אחת מבעיות הHoly Grail של הוובדיזיין- מקרה בו אסור לך לשללוט על גובה התוכן ויחד עם זאת לשמור על מבנה אלמנטים צפים יציב.‬

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

]]>