בעיה במיקום אלמנט מבחינה אנכית באחוזים(רספונסיביות

[mhhhdm]

שלום אני מנסה למקם DIV בתוך DIV אחר באחוזים(שיהיה רספונסיבי לכל הרזולוציות בדסקטופ) מבחינת מיקום אופקי זה בסדר אבל מבחינת אנכית זה בעיה כאשר משנים את הרוחב


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

נ.ב אני יודע MARGIN-TOP זה ביחס לרוחב .

השאלה שלי איך פותרים .מה לעשות שישאר רספונסיבי(במקום) תוך כייוץ .הרחבת הרזולוציה

 

[UU]

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

ולבי margin-top - אין קשר לרוחב האלמנט, או שלא הבנתי את הכוונה

בהצלחה

 

[mhhhdm]

מנסה למקם על המסך אלמנטים בצורה רספונסיבית אבל זה לא עובד. להלן קישור.. הכפתורים זזים מהמקום כאשר אני מקטין את המסך למרות שהם מוגדרים באחוזים.
http://quizner.co/p/sln.html

אני מעוניין לפתור בלי FRAMEWORK לCSS

 

[UU]

מנסה למקם על המסך אלמנטים בצורה רספונסיבית אבל זה לא עובד. להלן קישור.. הכפתורים זזים מהמקום כאשר אני מקטין את המסך למרות שהם מוגדרים באחוזים.
http://quizner.co/p/sln.html

אני מעוניין לפתור בלי FRAMEWORK לCSS

דבר ראשון - לא מכירה פריימורק של CSS אלא של JS, וברור שעדיף להמנע עד כמה שרק ניתן
במקרה זה נשמע שזה לא מסובך
האתר חסום לי - וחבל קצת לחכות את הזמן שיקח לפתוח לי אותו
לכן ממליצה לעמוד על הדף הרלוונטי, ללחוץ CTRL + S ואת כל התקיה שנוצרת - להעלות לפה כ-ZIP, כך אוכל לעזור במהירות

בהצלחה

 

[mhhhdm]

מצורף

 

[UU]

אשמח לעזור מאוחר יותר
מתנצלת שלא יכולה עכשיו
אם יש מישהו אחר - אנא עדכן שהסתדר
תודה

 

[mhhhdm]

אשמח לעזור מאוחר יותר
מתנצלת שלא יכולה עכשיו
אם יש מישהו אחר - אנא עדכן שהסתדר
תודה

הסתדרתי

 

[UU]

הסתדרתי

לא קריטי, אבל מעניין אותי איך
כי פתחתי את הדף רק עכשיו, ואני רואה שהוא כתוב ממש לא טוב מבחינת CSS, לא ממש הבנתי מה אמור להיות בסוף, אבל אני הייתי כותבת אתה-CSS מהתחלה

בכל אופן - אם הכל הסתדר - בהצלחה

 

[mhhhdm]

http://quizner.co/p2/sln_m.html

מבחינה אופקית זה בסדר .מבחינת אנכית..יש צורך לגלול את המסך ברזולוציה נמוכה ..יש דרך לפתור את זה?

 

[UU]

http://quizner.co/p2/sln_m.html

מבחינה אופקית זה בסדר .מבחינת אנכית..יש צורך לגלול את המסך ברזולוציה נמוכה ..יש דרך לפתור את זה?

יכול להיות
השאלה היא איך רוצים שיראה ברזולוציה נמוכה
בכל אופן - הקישור חסום לי
אם אפשר להעלות פה שוב קובץ מכווץ של ה-HTML - אוכל לנסות

 

[mhhhdm]

בבקשה.

 

[mhhhdm]

אשמח להדרכה ואם אפשר להעלות את הקובץ המתוקן

 

[UU]

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

 

[mhhhdm]

http://quizner.co/p3/sln_m.html
גירסא יותר מתוקנת למובייל למחשב.. אבל עדיין צריך לגלול מבחינה אנכית
השאלה היא האם זה בסדר ואם לא , איך ניתן לסדר את זה שלא יהיה צורך לגלול מבחינה אנכית.

אני קיבלתי תמונת רקע בגודל של pxפ735* 1920

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

 

[UU]

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

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

 

[mhhhdm]

או להגדיר בCSS את הרקע background-size: contain;
במקום background-size: cover;
ככה זה שומר על פורפוצינאליות של התמונה לפי הגודל

 

[mhhhdm]

או להגדיר בCSS את הרקע background-size: contain;
במקום background-size: cover;
ככה זה שומר על פורפוצינאליות של התמונה לפי הגודל

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