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

mhhhdm

משתמש פעיל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
שלום אני מנסה למקם DIV בתוך DIV אחר באחוזים(שיהיה רספונסיבי לכל הרזולוציות בדסקטופ) מבחינת מיקום אופקי זה בסדר אבל מבחינת אנכית זה בעיה כאשר משנים את הרוחב


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

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

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

UU

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

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

בהצלחה
 

mhhhdm

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

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

UU

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

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

בהצלחה
 

mhhhdm

משתמש פעיל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
מצורף
 

קבצים מצורפים

  • p.rar
    1.1 MB · צפיות: 2

UU

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

UU

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

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

mhhhdm

משתמש פעיל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
http://quizner.co/p2/sln_m.html

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

UU

משתמש סופר מקצוען
הנדסת תוכנה
http://quizner.co/p2/sln_m.html

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

mhhhdm

משתמש פעיל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
בבקשה.
 

קבצים מצורפים

  • p2.rar
    1.1 MB · צפיות: 1

mhhhdm

משתמש פעיל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
אשמח להדרכה ואם אפשר להעלות את הקובץ המתוקן
 

UU

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

mhhhdm

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

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

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

UU

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

mhhhdm

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

mhhhdm

משתמש פעיל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
או להגדיר בCSS את הרקע background-size: contain;
במקום background-size: cover;
ככה זה שומר על פורפוצינאליות של התמונה לפי הגודל
למרות שזה פיתרון טוב מבחינתי .זה לא מקובל על אנשי המקצוע. הם לא אוהבים לראות את התמונה מתמעטת בגודלה(אפילו פרופורצינאלית) גם אם המסך קטן... ולכן הפיתרון הכי טוב זה או באמת לשנות את הPSD ולעשות מרווח גם באנכי או להקטין את התמונה פעם אחת (ליצור MEDIA QUERY עבור רזולוציה אנכית נמוכה ביותר ששם התמונה תוקטן פרופרצינאלית בהתאם)
 

אולי מעניין אותך גם...

הפרק היומי

הפרק היומי! כל ערב פרק תהילים חדש. הצטרפו אלינו לקריאת תהילים משותפת!


תהילים פרק קיט ב'

ט בַּמֶּה יְזַכֶּה נַּעַר אֶת אָרְחוֹ לִשְׁמֹר כִּדְבָרֶךָ:י בְּכָל לִבִּי דְרַשְׁתִּיךָ אַל תַּשְׁגֵּנִי מִמִּצְוֹתֶיךָ:יא בְּלִבִּי צָפַנְתִּי אִמְרָתֶךָ לְמַעַן לֹא אֶחֱטָא לָךְ:יב בָּרוּךְ אַתָּה יְהוָה לַמְּדֵנִי חֻקֶּיךָ:יג בִּשְׂפָתַי סִפַּרְתִּי כֹּל מִשְׁפְּטֵי פִיךָ:יד בְּדֶרֶךְ עֵדְוֹתֶיךָ שַׂשְׂתִּי כְּעַל כָּל הוֹן:טו בְּפִקֻּדֶיךָ אָשִׂיחָה וְאַבִּיטָה אֹרְחֹתֶיךָ:טז בְּחֻקֹּתֶיךָ אֶשְׁתַּעֲשָׁע לֹא אֶשְׁכַּח דְּבָרֶךָ:
נקרא  12  פעמים

לוח מודעות

למעלה