כמה שאלות על div

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

כמה שאלות על div

הודעה שלא נקראהעל ידי טיריון » 15 נובמבר 2011, 16:55

1. איך אני יכול ליצור משהו דומה לטבלה עם div, קראתי שלא כדאי להשתמש בטבלאות.
2. איך אני יכול ליצור div שגדל באופן דינמי עם תוספת של טקסט?, למשל באתר שבו המשתמש יכול להוסיף מידע בדף מסויים דרך מערכת ניהול, איך אני גורם לחלק שמחזיק את הדף לגדול דינמית?
3. שאני עובד עם div תמיד כדאי לתת לו רוחב וגובה?
4. כדאי תמיד לעטוף כל אובייקט ב-div אם אני רוצה לבצע עליו עיצוב של CSS ?

סמל אישי של המשתמש
חתול
הודעות: 2082
הצטרף: 21 פברואר 2007, 22:46
מיקום: הר חברון
יצירת קשר:

Re: כמה שאלות על div

הודעה שלא נקראהעל ידי חתול » 15 נובמבר 2011, 18:19

1. אם אתה חייב ממש משהו כמו טבלה תשתמש ב־display:table.
2. אם לא תגדיר לו גודל הוא יגדל לפי הטקסט.
3. אני חושב שעניתי על זה בסעיף הקודם.
4. לא, אתה יכול לתת עיצוב גם לאובייקטים אחרים.

טיריון

Re: כמה שאלות על div

הודעה שלא נקראהעל ידי טיריון » 16 נובמבר 2011, 08:02

תודה חתול.
אני רוצה לעשות דף של צור קשר במבנה של:
טלפון מס. טלפון
סלולר מס. סלולר
מייל כתובת מייל

כאשר החלק הימני מיושר לימין והשמאל מיושר לשמאל, בטבלה זה קל, אבל איך מסדרים דבר כזה ב-div?

סמל אישי של המשתמש
חתול
הודעות: 2082
הצטרף: 21 פברואר 2007, 22:46
מיקום: הר חברון
יצירת קשר:

Re: כמה שאלות על div

הודעה שלא נקראהעל ידי חתול » 16 נובמבר 2011, 11:42

לא הבנתי בדיוק למה אתה מתכוון אבל אני חושב שמשהו בכיוון הזה:

קוד: בחר הכל

<!DOCTYPE html>
<html dir="rtl"><head>
<title>דוגמה</title>
<style>
div {width: 20%;}
.left {float: left; text-align: left;}
.right {float: right; text-align: right;}
</style>
</head>
<body>
<div><p class="right">טלפון<br />שם</p></div>
<div><p class="left">מספר<br />מחרוזת</p></div>
</body></html>

טיריון

Re: כמה שאלות על div

הודעה שלא נקראהעל ידי טיריון » 17 נובמבר 2011, 08:01

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

סמל אישי של המשתמש
חתול
הודעות: 2082
הצטרף: 21 פברואר 2007, 22:46
מיקום: הר חברון
יצירת קשר:

Re: כמה שאלות על div

הודעה שלא נקראהעל ידי חתול » 17 נובמבר 2011, 11:29

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

אפשר גם להשתמש ב־display:table כדי לדמות טבלה ב־css.

טיריון

Re: כמה שאלות על div

הודעה שלא נקראהעל ידי טיריון » 17 נובמבר 2011, 20:16

עשיתי text-align, יכול להיות שנתנתי רוחב לא מתאים ל-div שעוטף את הכל.
בניתי את זה בערך בצורה של טבלה, div עוטף כללי, div עוטף לכל שורה ו div לכל "תא"

חשבתי שלא מומלץ וכדי להשתמש בטבלאות בגלל תאימות למכשירים ניידים,
לא זוכר בדיוק, יכול להיות שאני טועה?

משתמשים בטבלה רק כי היא הפתרון הכי פשוט והכי קל שיש בשביל לקבל עיצוב מיושר.

סמל אישי של המשתמש
חתול
הודעות: 2082
הצטרף: 21 פברואר 2007, 22:46
מיקום: הר חברון
יצירת קשר:

Re: כמה שאלות על div

הודעה שלא נקראהעל ידי חתול » 17 נובמבר 2011, 21:06

לפי מה שעשית נשמע שממש כדאי לך להשתמש ב־display: table.
אבל יש סיבה שטבלה קיימת ב־html. פשוט צריך להשתמש בה כשרוצים להציג טבלה ולא רק בשביל עימוד.

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


חזור אל “כתיבה לפי התקן”



מי מחובר

משתמשים הגולשים בפורום זה: אין משתמשים רשומים ו־ 2 אורחים