| כותב |
|
decimal
משתמש פעיל
הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת
הודעות: 118
|
| נשלח בתאריך: 10 November 2007 בשעה 14:15 | | IP רשוּם
|
|
|
|
לאחרונה שמתי לב שלאנשים כבר איכפת איך האתרים שלהם נראים אז הפסקתי לבנות אתרים רק ל IE והתחלתי להקפיד על תקנים שחלק מהם זה בCSS אז יש לי כמה שאלות :
1) vertical-align - לא תמיד עובד אז אני מכיר טריק נחמד שאם height ו line-height שווים אז האלמנט תמיד נמצא באמצע הגובה ולא משנה מהו הגובה זה נחמד אבל מישהו מכיר עוד שיטות לשים אלמנט באמצע הגובה ?
2) האם זה תקני\כדאי להפוך אובייקטים שהם בברירת מחדל BLOCK ל INLINE או שיש דרך אחרת לפתור את הבעיה הזאת ?
3) במה כדאי להשתמש ומדוע ? link עם rel ו href או לעשות style עם import (עם @)?
4) האם אפשר להשתמש בשביל Margin ו padding רק בערכים חיוביים באיזה שהיא דרך לדוגמה : margin-left:4; = margin-right -4; או משהו כזה כי אני לא אוהב להששתמש בערכים שליליים בבניית אתרים ...
תודה לעוזרים
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 10 November 2007 בשעה 15:22 | | IP רשוּם
|
|
|
|
1. הממ...זה תלוי במצב, אני רק אומר לך שאין סיבה להשתמש ב-height גם
באלמנט מסויים וגם באלמנטים פנימיים כשיודעים שה-height הזה זה לא בדיוק
מה שרוצים להשיר, לא ישיק להשתמש ב-padding באלמנט החיצוני וב-margin
באלמנט הפנימי.
2. כן.
3. הממ...מה זה משנה ?
נהוג לעשות link rel href
וסתם לעשות import - לא בשביל זה עשו את ה-import, הוא מאוד שימושי
במקרים שיש מכנה משותף בין גליונות שונים ולא רוצים שבשימוש בהם יהיה
צריך לעשות Link לכל מיני חלקים קטנים אלא שהקישור אליהם יהיה בתוך
הגליון.
4. אפשר להשתמש בשליליים אבל למשל במקום margin שלילי אמורים להשתמש
ב- position:relative, ו-padding שלילי ? מה זה בכלל מייצג ?
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
decimal
משתמש פעיל
הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת
הודעות: 118
|
| נשלח בתאריך: 10 November 2007 בשעה 17:17 | | IP רשוּם
|
|
|
|
תודה הכול מובן חוץ מ 1 , איזה שיטות יש לעשות את מה שביקשתי ז"א איך להשתמש ב padding ן margin כדי להשיג את התוצאה של אפקט באמצע הגובה שבו הוא נמצא ?
מה צריך להיות ה height ו width של html ו body ?
והכי חשוב : עכשיו אני בונה על FIREFOX , ואז בוקד איך הוא נראה ב IE , ולרוב זה נראה אחרת והדבר הכי טוב שחשבתי עליו ( חוץ מלבנות ב FIREFOX ככה שהוא יתאים גם ל IE כי זה פי 2-3 יותר עבודה ) זה לבנות 2 קבצי CSS ובעזרת JS לבחור את המתאים האם זה בסדר ?
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 10 November 2007 בשעה 17:39 | | IP רשוּם
|
|
|
|
1 - תלוי מה אתה מנסה לעשות, מה שאני מדמיין לפי מה שאמרת זה תפריט...
את הרווח שרוצים שיהיה מעל ומתחת לפריטים (לרוב אותו רווח) שמים להם ב-
padding, וסתם רווח של התפריט שמים לו ב-margin, אבל לפעמים מערבים
בינהם משיקולי עיצוב.
2 - לא הבנתי . (מה צריך להיות ה height ו width של html ו body ?)
3 - זה אפשרי אבל זה סיוט, תחשוב שכל דבר קטן תצטרך לעשות פעמיים.
אם אתה לא מצליח להסתדר (הממ.....) אז הכי סביר שתבנה גליון כללי ל-firefox
ואז עוד גליון של שינויים ל-IE ותשנה בו רק את מה שספציפי ל-IE.
כאילו זאת שיטה מקובלת אצל חלק מהאנשים אבל בשינויים דרסטיים של הקוד
אח"כ או שיהיה ממש ממש מבולגן או שתצטרך לשמור מעט מאוד ממה שהיה ל-IE
ולהתחיל מהתחלה.
בכל מקרה, לדעתי לרוב ההבדלים הגדולים האלו נובעים מהבדלים קטנים (לפעמים
באגים, לפעמים ציפיה מוזרה לנתונים שלא סיפקת), כדאי ללמוד איך למצוא מידע
עליהם בגוגל, וללמוד מהם כי הם ממש תורמים ובסופו של דבר לומדים להגיר אותם.
(ומצד שני בעבודה בלחצים של זמן השיטה שלך באמת מאוד מתקבלת על הדעת, רק
שהיא טיפה מקשה על תחזוקה ושינוי של הקוד/עיצוב
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
decimal
משתמש פעיל
הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת
הודעות: 118
|
| נשלח בתאריך: 10 November 2007 בשעה 20:21 | | IP רשוּם
|
|
|
|
לגבי 2 - התכוונתי מ כאילו לערכים של המאפיינים width & height אצל html & body :
קוד:
html {
width:?;
height:?;
}
body {
width:?;
height:?;
}
|
|
|
מה לרשום במקום ה ? ?
1) אתה יכול לתת דוגמה איך ליישר לגובה ( נגיד ואני רוצה שזה יהיה באמצע ) בעזרת margin ן padding נגיד יש <div><p>Hello</p></div> איך אפשר שה P תמיד יהיה באמצע לא משנה מה הגובה ?
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 10 November 2007 בשעה 20:27 | | IP רשוּם
|
|
|
|
לגבי 2 - הבנתי ולא אמורים לתת להם גובה או רוחב.
ו-1) תלוי אם ה-div בגודל קבוע או בהתאם לתוכן משתנה...
אם הוא בגודל קבוע אז מוסיפים חצי מהרווח ל-margin-top של ה-p.
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
decimal
משתמש פעיל
הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת
הודעות: 118
|
| נשלח בתאריך: 10 November 2007 בשעה 20:47 | | IP רשוּם
|
|
|
|
1) יש סיבה מיוחדת שלא אמורים או שכדאי לא לתת להם כי לי זה עזר בכמה מקרים שיכולתי להגדיר את הגובה והרוחב של html & body
למה לא להגדיר גם אותם ? ( למרות שאם אתה אומר אני בטוח שיש איזהשהיא סיבה שחושב להקפיד עליה )
2) יש לי בעיה עם מה שאמרת כי לא תמיד שאני יודע את הגובה ( זה קשור למספר המתאמים שנמאו במסד נתונים לדוגמה ) מה אפשר לעשות במקרה הזה ?
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 10 November 2007 בשעה 20:57 | | IP רשוּם
|
|
|
|
אל תגדיר, אם אתה רוצה זה תמיד שימושי לשים את כל התוכל ב-container (תג div)
ואז לתת לו רוחב ו-margin: 0 auto ואז הוא ממורכז (זה אם אתה רוצה שיהיה
ממורכז, בכל מקרה לשים בכל ב-container ולתת לו רוחב.
2. הממ...לא הבנתי...אתה מוזמן לשלוח HTML ותמונת מסך.
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 11 November 2007 בשעה 17:10 | | IP רשוּם
|
|
|
|
1
אל תגדיר אותם כי אתה לא יודע מה הרזולוציה אצל המשתמש
1 הקודם (vertcal align)
תגדיר padding ואל תגדיר בכלל גובה רוחב. כך הוא יוריד
אותו אוטומטית לגובה המינימלי ותקבל תוצאה סימטרית
2
אל תגדיר גובה רוח כלליים כי זה יכול לעשות שדברים יחתכו
או יגלשו
2 הקודם (inline)
תבחר אלמנטים על פי המשמעות הלוגית (ולא העיצובית) שלהם
ואז תעצב אותם על ידיי CSS לאיך שאתה רוצה
איך?
תחשוב איך העמוד שלך היה נראה אם קובץ ה CSS היה נמחק.
(עמוד לבן ובו הכול בעיצוב ברירת מחדל)
איך היית עושה כדיי שהעמוד יהיה שמיש במצב כזה ? (כלומר
איזה אלמנטים היית בוחר למשל <span> או <div> וכדומה ?
(למשל - את התפריט היית עושה ב <ul>)
תשתמש באלמנטים שבחרת
ותשנה אותם על ידיי CSS לאיך שאתה רוצה שהאתר יהיה באמת
3
אותו עיקרון. אתה רוצה שהאתר יהיה שמיש אם קובץ ה CSS
נמחק. מסקנה - את המידע של הלינקים שים ב HTML
4
בדרך כלל לא רצוי לשים ערכים שליליים
במקום זה תנסה לסדר על ידיי מאפיינים נוספים. הרשימה שיש
בה את רוב האלמנטים היא
http://www.w3schools.com/css/css_reference.asp
שאלת ה IE וה js
יש ב IE באג שגורם לו להתעלם מ @import בתנאים מסויימים.
אתה יכול להשתמש בבאג הזה כדיי ליצור CSS ים נפרדים ל IE
ולדפדפנים אחרים
אם אתה משתמש ב JS אז - דפדפן שבו ה JS מבוטל אמור לקבל
את הקוד התקני ולא את זה של IE
|
| חזרה לתחילת העמוד |
|
| |
decimal
משתמש פעיל
הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת
הודעות: 118
|
| נשלח בתאריך: 11 November 2007 בשעה 17:47 | | IP רשוּם
|
|
|
|
תודה על התשובות
למה לא להגדיר גובה ? . . . אם אני רוצה גובה מסויים
וזה מה שאני לא מבין בכלל ב בCSS נגיד שאני בונה אתר ש גם ה CSS שלו וגם ה HTML שלו עוברים את W3 VALIDATOR איך אני יכול לדעת שמה שעשיתי זה באמת הדרך הנכונה לבנות ?
ולגבי IE איך אני יכול להיות בטוח שלא יתקנואת הבאג הזה ואז האתר שלי לא יעבוד ? ... אני פשוט יכול להשתמש ב JS ועכשיו בכללי שאני חושב על זה איך מיקרוסופט הצליחו ליצור דפדפן ככ גרוע : \ אפילו עם היתי מנסה לא נראה לי שהיתי מצליח
אהה ומישהו יכול להגיד מתי להשתמש ב DIV ומתי ב SPAN ? ( לפי מה שבהנתי SPAN זה נגיד אתה רוצה לרשום Hello ושרק האות הראשונה תהיה כחולה וכול השאר ירוק אז זה יהיה משהו כזה :
קוד:
<h1 style="color:blue;">H<span style="color:green;">ello</span></h1>
|
|
|
זה השימוש היחיד\נכון ?
בהתחלה CSS נראה דבר שעושה את החיים קלים כי אתה משנה בשורה אחת כמה דפים שבא לך אבל זה גם מסבך לפעמים אני חושב שצריך להתחיל לבנות דפי XML עם עיצוב של XSL\T ואז דברים יסתדרו הרבה יותר טוב
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 11 November 2007 בשעה 18:09 | | IP רשוּם
|
|
|
|
תתכנן את האת מתוך משמעות לוגית - לא מתוך עיצוב
אל תחשוב אני רוצה עיצוב כזה אז איך אני יסדר בשבילו את
התאגים
תבנה אתר שיהיה פונקציונאלי בלבד (בעיצוב ברירת מחדל אם
הרקע הלבן) ואל תחשוב בכלל בכיוון של עיצוב
עכשו תיקח ותכתוב css כדיי לעצב את האתר שעשית לאיך שאתה
רוצה
הדוגמא שהבאת אם ה Hello היא לא נכונה
יש דרכים איך ליצור שינוי באות הראשונה של מילה בלי
'להוציא' אותה מתוך המילה על ידיי span (היי ! זה אותה
מילה ! אתה לא אמור לשבור אותה בשביל עיצוב !)
השימוש המתאים הוא כדיי לעשות עיצוב לדברים בתוך השורה
כשלעיצוב הזה אין משמעות לוגית אלא עיצובית בלבד
למשל נניח שאתה פקצה ואתה רוצה לצבוע חלק מהמילים בכל
מיני צבעים בלי שתהיה לזה משמעות אז כאן תשתמש ב span
אם לעיצוב יש משמעות לוגית אז תשתמש באלמנט הלוגי המתאים
(למשל i או em) ותעצב אותו על ידיי css
|
| חזרה לתחילת העמוד |
|
| |
decimal
משתמש פעיל
הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת
הודעות: 118
|
| נשלח בתאריך: 11 November 2007 בשעה 19:18 | | IP רשוּם
|
|
|
|
11010010110 אתה בטח לא משתמש בוינדוס , נכון ?
אחלה רעיון לבנות אתר לצורך שאני צריך בלבד ואז לעצב אותו לפי הצורך זה פותר לי הרבה בעיות עם CSS והתלבטויות באיזה אובייקט להשתמש ...
אגב משיהו יכול להסביר ב XHTML 1.0 STRICT מה השימושים של SPAN ? כי בכול מקום שקראתי היה כתוב משהו אחר אז עכשיו לא יודע מתי להשתמש בו
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 11 November 2007 בשעה 20:21 | | IP רשוּם
|
|
|
|
בקשר ל-span אתה כבר תגלה (:
סתם לטעמי עיצוב ספציפי אליה או שיהיה אפשר לגשת אליה מ-javascript.
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
decimal
משתמש פעיל
הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת
הודעות: 118
|
| נשלח בתאריך: 11 November 2007 בשעה 20:29 | | IP רשוּם
|
|
|
|
לאאאאאאאאאאאא רק בלי הפתעות ועוד במיוחד לא בCSS
לא הבנתי :( עשיתי <span>Hello</span> ולא שמתי לב למשהו מיוחד ...
אפשר הסבר של מה זה SPAN ומתי להשתמש בו ?
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 11 November 2007 בשעה 20:31 | | IP רשוּם
|
|
|
|
למה לא קראת את ההמשך ?
לא רציני.
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
decimal
משתמש פעיל
הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת
הודעות: 118
|
| נשלח בתאריך: 11 November 2007 בשעה 20:57 | | IP רשוּם
|
|
|
|
shoshan כתב:
למה לא קראת את ההמשך ?
לא רציני. |
|
|
קראתי את ההמשך , אבל לא הבנתי לכול אלמנט אפשר לגשת ב JS לא הבנתי בדיוק מה הכוונה של המשפט השני שכתבת
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 11 November 2007 בשעה 21:12 | | IP רשוּם
|
|
|
|
ה span הוא סתם אלמנט שלא עושה כלום
הוא מיועד בידיוק בשביל לעצב 'כמו פקצה' על ידיי CSS
אם אתה רוצה לעצב אות מילה ראשונה וכדומה יש ב CSS
מאפיינים בשם first child וכאלה
אתה יכול להשתמש ב span לכל הדברים שאתה רוצה אלמנט בלי
משמעות מיוחדת
ל IE יש מסורת של 'שמירת באגים'. אני חושב שניתן לבנות על
זה
גם אם לא אז זה הדבר שהכי פשוט לבצע (נכון לעכשו) והכי קל
להתאים בעתיד
קלעת. אני באמת לא משמש בחלונות
|
| חזרה לתחילת העמוד |
|
| |
decimal
משתמש פעיל
הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת
הודעות: 118
|
| נשלח בתאריך: 11 November 2007 בשעה 23:26 | | IP רשוּם
|
|
|
|
ניסתי לבנות עכשיו משהו קטן ולא בדיוק יצא לי , ככה יש לי רק תמונה ממורכזת הכי למעלה ואחריה אני רוצה שיהיה לי רק DIV אחד שיתפוס את כול המקום עד לסוף המסמך ( לימינה ולמטה ) חשבתי שבתור אלמנט בלוק הוא יעשה את זה אוטומטית אבל הוא לא , איך אני יכול לעשות את זה ?
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 12 November 2007 בשעה 00:14 | | IP רשוּם
|
|
|
|
לא. הגודל האנכי של div הוא הגוב ה של מה שיש בתוכו
בשביל מה אתה צריך לתפוס את כל הגובה ?
א אתה רוצה למקם משהוא למטה בעמוד שהוא כמעט ריק תעשה את
זה על ידיי float וכאלה
|
| חזרה לתחילת העמוד |
|
| |
decimal
משתמש פעיל
הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת
הודעות: 118
|
| נשלח בתאריך: 12 November 2007 בשעה 01:33 | | IP רשוּם
|
|
|
|
נגיד שהכתום זה התמונה אני רוצה שהירוק יגיע בדיוק עד לסוף של הדפדפן בכול דפדפן\רזולוציה
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 12 November 2007 בשעה 01:50 | | IP רשוּם
|
|
|
|
בשביל מה אתה צריך את זה ?
אם אתה מתעקש - נסה לשחק אם display ו position של div
|
| חזרה לתחילת העמוד |
|
| |
decimal
משתמש פעיל
הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת
הודעות: 118
|
| נשלח בתאריך: 12 November 2007 בשעה 02:21 | | IP רשוּם
|
|
|
|
האמת היא שאני מנה לעשות את זה טאבים סטאטיים לדוגמה :
http://www50.brinkster.com/pascalil/tabs/main.htm
אבל בלי טבלאות בכלל
התפריטים למעלה UL והתוכן למטה DIV אחד בנתיים הכול הצלחתי ( בעצם את הטאבים עצמם כבר הצלחתי ) עכשיו נשאר לי רק לעשות את התוכן שכמו מה שהראתי פה למעלה ( בכולם זה שהתוכן קבוע כאילו אני לא מתכוון שזה יהיה יותר מאורך הדף הרגיל אני רוצה שזה יגיע בדיוק עד למטה )
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 12 November 2007 בשעה 02:42 | | IP רשוּם
|
|
|
|
תעשה לו
קוד:
position : fixed או absolute
bottom : מרחק |
|
|
תגדיר לו מינימום דברים באופן 'קשיח' - כך שהוא יתנהג כמו
שאתה רוצה וזהו. אני חושב שמספיק
קוד:
bottom : משהוא
top : auto |
|
|
ואת הצדדים להגדיר על ידיי margin או width
תשתמש
ב em לגובה שתלוי בגובה של דברים אחרים (בעיקר למעלה אם
auto לא עובד)
ב % לרוחב או גובה 'עצמאי' - כלומר כזה שלא ייחתך גם אם
יש אי התאמה בין היחידות (למשל אם מישהוא משתמש בגודל אחר
של פונטים)
|
| חזרה לתחילת העמוד |
|
| |
decimal
משתמש פעיל
הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת
הודעות: 118
|
| נשלח בתאריך: 12 November 2007 בשעה 03:04 | | IP רשוּם
|
|
|
|
לא עובד , ניסיתי כול מיני שילובים של מה שאמרת אבל לא הצליח : \ היתה לי תחושה שזה לא יצליח ל CSS יש תופעות מוזרות לא הבנתי רק דבר אחד למה שאני עושה ל DIV
display:block;
זה לא תופס את כול המקום שזה יכול ( בעצם עד סוף המסמך ) ?
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 12 November 2007 בשעה 11:50 | | IP רשוּם
|
|
|
|
הממ...נכון, זה תופס רק מה שזה צריך, זה די מה שצריך לקרות, כשיהיה לך תוכן זה
יתנרמל...
אם זה מאוד מאוד מפריע לך אתה יכול לעשות div תוכן עם
קוד:
position:absolute;
left:0;
top:Xpx;
bottom:0;
width:100%;
overflow:auto; |
|
|
ואז מה שלמעלה ישאר למעלה תמיד ויהיה אפשר לגלול בתוכן שבתוך ה-div הזה
אם יהיה יותר מידי גבוה.
אבל באמת אתה נכנס לקטנות ושטויות במקום להמשיך וזה קצת מתחיל לעצבן...
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
decimal
משתמש פעיל
הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת
הודעות: 118
|
| נשלח בתאריך: 12 November 2007 בשעה 12:21 | | IP רשוּם
|
|
|
|
למה לקטנות , זה דיי הגיוני מה שאני מנסה לעשות אני רוצה שתמיד זה יהיה על כול המסך.
והאמת מה שבאמת מתחיל לעצבן זה כול הדברים האלה בCSS שלפעמים עובדים בצורה רנדומלית :\ על כול אלמנט כול מאפיין משפיע בצורה אחרת , עם היתי שואל איך עושים את זה עם טבלאות זה היה הרבה יותר קל ונראה עם הגיוני יותר אבל כמו שמארתי אני מנסה משהו כמו זה
http://www50.brinkster.com/pascalil/tabs/main.htm
(גם פה הקטע של התוכן מגיע בדיוק עד לסוף אפילו עם התוכן הכתוב אינו מספיק )
אבל נראאה לי שיש טעות פה :
top:Xpx;
מה צריך להיות הערך ?
טוב בכול מקרה הדבר הכי טוב השצלחתי להגיע אליו זה עם :
קוד:
height:100%;
padding-top:50%;
|
|
|
אני אשאר עם זה בנתיים אני לא חושב שאפשר להשיג תוצאה יותר טובה בלי להוסיף עוד אלמנטים וזה גם ישאר דומה בין FF ו IE ( עכשיו זה אפילו אותו הדבר )
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 12 November 2007 בשעה 12:22 | | IP רשוּם
|
|
|
|
X זה מספר, תרשום במקומו את הערך שמתאים לך, מאיזה שיתחיל התוכן.
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 12 November 2007 בשעה 15:23 | | IP רשוּם
|
|
|
|
דוגמא אם css - אם div שתופס את כל הגובה - התפריט מימין
http://www.w3.org/Style/Examples/007/target
|
| חזרה לתחילת העמוד |
|
| |
decimal
משתמש פעיל
הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת
הודעות: 118
|
| נשלח בתאריך: 12 November 2007 בשעה 15:35 | | IP רשוּם
|
|
|
|
זה בדיוק מה שהיתי צריך , אבל זה לא עובד ב IE ( לא רק מה שאצלי אפילו הדוגמה עצמה )
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 12 November 2007 בשעה 16:04 | | IP רשוּם
|
|
|
|
אני מתכוון לתפריט מימין. הוא div. הוא בכל הגובה של המסך
|
| חזרה לתחילת העמוד |
|
| |
shoshan
מנהל האתר
הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
|
| נשלח בתאריך: 12 November 2007 בשעה 16:09 | | IP רשוּם
|
|
|
|
כן, IE5 ו-IE6 לא תומכים ב-fixed...
ליתר דיוק הם תומכים אבל מתנהגים כאילו זה static.
אני הייתי שם את התוכן ואת התפריט ב-divים שיתפרסו כמו שהסברתי קודם, על
כל המקום ואז עושה שהתוכן יהפוך לנגלל:
overflow:auto
משהו כזה:
קוד:
<html>
<head>
<title>example</title>
<style type="text/css">
html,body{
margin:0;
padding:0;
background-color:#F00; /* for testing... */
}
#menu{
position:absolute;
top:0;
left:0;
bottom:0;
right:80%;
background-color:#DEF;
color:#006;
}
#menu h2{
padding-left:8px;
}
#content{
position:absolute;
top:0;
left:20%;
bottom:0;
right:0;
overflow:auto;
background-color:#FFF4F4;
color:#600;
}
#content h1, #content h2, #content p
{
padding:0 8px;
}
</style>
</head>
<body>
<div id="content">
<h1>The Content</h1>
<script type="text/javascript">
for (var i = 1 ; i <= 10 ; ++i)
{
document.write("<h2>Sub Content "+i+"</h2>");
for (var j = 1 ; j <= 4 ; ++j)
{
document.write("<p>")
for (var k = 1 ; k <= 50 ; ++k)
document.write("this simple repeats itself. ");
document.write("</p>")
}
}
</script>
</div>
<div id="menu">
<h2>The Menu</h2>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</div>
</body>
</html> |
|
|
__________________
עד מתי רשעים יעלוזו?
עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
|
| חזרה לתחילת העמוד |
|
| |
11010010110
פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
|
| נשלח בתאריך: 13 November 2007 בשעה 03:21 | | IP רשוּם
|
|
|
|
גלשנים יתייחסו בצורה שונה לעמוד אם יש בו doctype או לא
(אם הם לא מוצאים doctype הם יתייחסו אל העמוד בכוונה
בתור עמוד לא תקני - ו 'יתאימו' איך שבא להם כל מיניי
מאפיינים וכדומה)
|
| חזרה לתחילת העמוד |
|
| |
נושאים פעילים
רשימת משתמשים
חיפוש
עזרה
הרשמה
התחברות
UnderWarrior Forums : 
תיכנות
