רוטר - איך אני מגדיר רזולוציה לאתר שלי? (html)+ שאלה על שורה רצה

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"איך אני מגדיר רזולוציה לאתר שלי? (html)+ שאלה על שורה רצה"

גירסת הדפסה

קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #21021	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 21021

eliran005

חבר מתאריך 6.6.05
32282 הודעות, 6 פידבק, 2 נקודות

16:05 09.12.14

איך אני מגדיר רזולוציה לאתר שלי? (html)+ שאלה על שורה רצה

אני בונה עכשיו אתר חלק מפרוייקט באונ', איך אני מגדיר שזה יעבוד כמו שצריך בכל מסך? הוא אמר שהדרישות שזה יעבוד מינימום על 1024*768
אבל אני רוצה שאם אני נכנס ממחשב גדול יותר זה יעשה התאמה לרזולוציה שלו..

דבר שני, אני רוצה לשים חלון רץ כזה עם חדשות, אפשר לינק או שם של זה?
(אני יודע CSS ו JS)
תודה

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
אמממ... אני עדיין לא מומחה בפרקטיקה כי תכנות זה הצד החלש שלי	Avi139	09.12.14 16:46	1
לא כל כך הבנתי למה אתה מתכוון..	eliran005	09.12.14 19:35	3
לגבי רוחב, אתה מגדיר שדה width לאלמנטים שיהיה על 100%	אורי	09.12.14 17:04	2
לגבי הרזולוציה, לפי מה שאני מבין מהדרישות	liranh	09.12.14 21:56	4
יש דרך לעשות את זה לגבי גובה?	eliran005	10.12.14 18:32	5
הסתדרתי בקטע הזה, תודה	eliran005	10.12.14 18:48	6
בכיף	liranh	10.12.14 19:38	7

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק, 54 נקודות

16:46 09.12.14

1. אמממ... אני עדיין לא מומחה בפרקטיקה כי תכנות זה הצד החלש שלי
בתגובה להודעה מספר 0

אבל כאחד שתמיד היה אוונגליסט של Responsive design הייתי מציע לך להעיף קצת מבט בנושא (הבאתי גם מידע בפורום) ובגוגל \ יוטיוב יש המון הסברים בנושא.
באם מדובר ברזולויות למחשבים בלבד ולא כולל MOBILE, אז זה קל יחסית, כמה Breakpoints לרזולוציות פופולריות יסדרו אותך יופי.
אבל אם ביקשו ממך שכל העסק יעבוד גם על מובייל וטאבלטים, הייתי מייעץ לך על מתדולוגיית ה-Mobile first.

בהצלחה.

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

eliran005

חבר מתאריך 6.6.05
32282 הודעות, 6 פידבק, 2 נקודות

19:35 09.12.14

3. לא כל כך הבנתי למה אתה מתכוון..
בתגובה להודעה מספר 1

בכל אופן הרזולוציה שאני מחפש היא מינימום 1024*768

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

אורי
חבר מתאריך 9.7.12
20459 הודעות

17:04 09.12.14

2. לגבי רוחב, אתה מגדיר שדה width לאלמנטים שיהיה על 100%
בתגובה להודעה מספר 0

אבל אני מצטרף להמלצה של אבי לעשות אתר רספונסיבי

לגבי חלון רץ, קח מפה: rotter.net/4u.php
תסתכל בsource שלהם

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

liranh

חבר מתאריך 16.6.09
4157 הודעות, 1 פידבק, 2 נקודות

21:56 09.12.14

4. לגבי הרזולוציה, לפי מה שאני מבין מהדרישות
בתגובה להודעה מספר 0

פשוט תשים את החוק הבא על ה-body (או אם יש לך #page-container או משהו בסגנון אז עליו):

body {
min-width: 1024px;
}

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

eliran005

חבר מתאריך 6.6.05
32282 הודעות, 6 פידבק, 2 נקודות

18:32 10.12.14

5. יש דרך לעשות את זה לגבי גובה?
בתגובה להודעה מספר 4

כי ניסית להוסיף
min-height וזה עבד כמו שעבד עם הרוחב...

body {
min-width: 1024px; min-height: 768px;

}
תודה

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

eliran005

חבר מתאריך 6.6.05
32282 הודעות, 6 פידבק, 2 נקודות

18:48 10.12.14

6. הסתדרתי בקטע הזה, תודה
בתגובה להודעה מספר 5

ערכתי לאחרונה בתאריך 10.12.14 בשעה 18:54 בברכה, eliran005

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

liranh

חבר מתאריך 16.6.09
4157 הודעות, 1 פידבק, 2 נקודות

19:38 10.12.14

7. בכיף
בתגובה להודעה מספר 6

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד