CSS שאלה.. - הוסטס

morsrh · 13-02-11, 21:59

טוב אז ככה , אני רוצה לעשות תיבה שהיא תהיה 100% width מהמסך , אבל להוסיף לו אפקט שאם התיבה תתקבץ , כלומר המסך יקטן מתחת ל500 פיקסלים (ה100% width יהיה פחות מ500 פיסלים) אז הוא ישאר 500 פיקסלים ולא יפחת יותר , כלומר ה100% לא "ישלוט" יותר אלה התיבה תהיה 500 פיקסלים.

אפשרי? תודה.

**IgalSt** · 13-02-11, 22:55

זה לא יעבוד ב-IE8 ומטה, אבל אתה יכול להשיג התנהגות דומה עם min-width and/or max-width.
לחילופין, אם אתה צריך תמיכה ב-IE8 ומטה או רוצה שההקטנה תהיה באנימציה ולא בקפיצה, אתה יכול לעשות את זה בקלות עם JS

morsrh · 14-02-11, 17:36

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

לצורך ההבנה : יש לי DIV שננתי לו תמאפיין 100% width , אני רוצה להוסיף לו מאפיין כלשהוא בCSS שאם ה- 100% מהמסך יהיה מתחת ל-500 פיקסלים אז שישאר 500 פיקסלים במקום ה- 100% , לדוגמא יש לי מבקר באתר שה- 100% width שלו באתר הוא 1020 , אז פה ישלוט האחוזים , אבל אם הוא ישחק עם גודל הרזולוציה ויוריד את הרוחב ל 420 אז בעצם הוא יראה רק חלק מהDIV כי הDIV ישאר על 500 ולא עוד 100%..
מכוונה שאני מובן.

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

תודה.

**IgalSt** · 14-02-11, 19:07

בוא נעשה ככה: תעלה את הדוגמא שלך ונתקן על הבסיס שלה.
אני ממליץ לעלות ל-JSBIN

morsrh · 14-02-11, 20:08

אני לא יודע על איזה דוגמא אתה מדבר אבל אולי התכוונת אל זה? http://pastebin.com/3pVW8UN9

shushu · 14-02-11, 20:53

תגדיר ל-DIV
min-widht:500px;
רוחב מינימלי

13-02-11, 21:59	# 1
morsrh חבר מתקדם מיני פרופיל תאריך הצטרפות: Feb 2010 מיקום: אשקלון. גיל: 31 הודעות: 444	CSS שאלה.. טוב אז ככה , אני רוצה לעשות תיבה שהיא תהיה 100% width מהמסך , אבל להוסיף לו אפקט שאם התיבה תתקבץ , כלומר המסך יקטן מתחת ל500 פיקסלים (ה100% width יהיה פחות מ500 פיסלים) אז הוא ישאר 500 פיקסלים ולא יפחת יותר , כלומר ה100% לא "ישלוט" יותר אלה התיבה תהיה 500 פיקסלים. אפשרי? תודה.

13-02-11, 22:55	# 2
IgalSt מנהל פורום, עסק רשום מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: המרכז גיל: 38 הודעות: 1,432	זה לא יעבוד ב-IE8 ומטה, אבל אתה יכול להשיג התנהגות דומה עם min-width and/or max-width. לחילופין, אם אתה צריך תמיכה ב-IE8 ומטה או רוצה שההקטנה תהיה באנימציה ולא בקפיצה, אתה יכול לעשות את זה בקלות עם JS __________________ יגאל סטקלוב Igal Steklov Slides מה השעה? טרקלין דן טרמינל 1

14-02-11, 19:07	# 4
IgalSt מנהל פורום, עסק רשום מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: המרכז גיל: 38 הודעות: 1,432	בוא נעשה ככה: תעלה את הדוגמא שלך ונתקן על הבסיס שלה. אני ממליץ לעלות ל-JSBIN __________________ יגאל סטקלוב Igal Steklov Slides מה השעה? טרקלין דן טרמינל 1

14-02-11, 20:53	# 6
shushu חבר בקהילה מיני פרופיל תאריך הצטרפות: Nov 2009 הודעות: 114	תגדיר ל-DIV min-widht:500px; רוחב מינימלי __________________ פורום NWO - מהפורום הזה אין דרך יציאה! חם ברשת - כל הקישורים החמים ברשת קיצור כתובות אינטרנט בחינם


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

14-02-11, 17:36	# 3
morsrh חבר מתקדם מיני פרופיל תאריך הצטרפות: Feb 2010 מיקום: אשקלון. גיל: 31 הודעות: 444	בדקתי על המאפיינים האלו אבל לא עולה לי התוצאה שביקשתי , אולי ההבנה לא הייתה נכונה. לצורך ההבנה : יש לי DIV שננתי לו תמאפיין 100% width , אני רוצה להוסיף לו מאפיין כלשהוא בCSS שאם ה- 100% מהמסך יהיה מתחת ל-500 פיקסלים אז שישאר 500 פיקסלים במקום ה- 100% , לדוגמא יש לי מבקר באתר שה- 100% width שלו באתר הוא 1020 , אז פה ישלוט האחוזים , אבל אם הוא ישחק עם גודל הרזולוציה ויוריד את הרוחב ל 420 אז בעצם הוא יראה רק חלק מהDIV כי הDIV ישאר על 500 ולא עוד 100%.. מכוונה שאני מובן. ובקשר למאפיינים האלו אולי לא הבנתי נכון אז אולי אם דוגמא זה קצת יהיה יותר ברור. תודה.

14-02-11, 20:08	# 5
morsrh חבר מתקדם מיני פרופיל תאריך הצטרפות: Feb 2010 מיקום: אשקלון. גיל: 31 הודעות: 444	אני לא יודע על איזה דוגמא אתה מדבר אבל אולי התכוונת אל זה? http://pastebin.com/3pVW8UN9

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)