רוטר - צריך עזרה קטנה עם css ומירכוז של div

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

"צריך עזרה קטנה עם css ומירכוז של div"

גירסת הדפסה

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

אשכול מספר 21777

כמה עוד

חבר מתאריך 18.11.09
234 הודעות, 11 פידבק

13:11 20.08.16

צריך עזרה קטנה עם css ומירכוז של div

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

תודה רבה, אלון

שתף

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

האשכול	מחבר	תאריך כתיבה	מספר
כרגע הגעתי לתוצאה הבאה	כמה עוד	20.08.16 13:35	1
...	Bonito	20.08.16 14:31	2
לא מצליח לי :\	כמה עוד	20.08.16 14:45	3
יש לי את הקוד הזה בתור התחלה	כמה עוד	20.08.16 14:49	4
תנסה ככה	Bonito	20.08.16 14:53	5
אש אחי, תודה רבה	כמה עוד	20.08.16 15:01	6
משהו כזה?	Ice Cold	20.08.16 15:19	7
זה דיי קרוב אבל לא מה שרציתי	כמה עוד	20.08.16 16:24	8
ערכתי שם. זה קצת עקום אבל אחשוב על משהו יותר אלגנטי.	Ice Cold	20.08.16 18:04	9
בידיוק מה שרציתי, תודה רבה!	כמה עוד	20.08.16 18:09	10
הנה אחד יותר טוב	Ice Cold	20.08.16 18:16	11
תודה רבה, אני רואה שהשתמשת ב transoform שמסובבת div	כמה עוד	20.08.16 18:39	12
transform לא בהכרח מסובב DIV, הוא פשוט מגדיר את המיקום	King_Cobra	21.08.16 10:13	13

כמה עוד

חבר מתאריך 18.11.09
234 הודעות, 11 פידבק

13:35 20.08.16

1. כרגע הגעתי לתוצאה הבאה
בתגובה להודעה מספר 0

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

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

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

Bonito
חבר מתאריך 22.9.09
14859 הודעות

14:31 20.08.16

2. ...
בתגובה להודעה מספר 1

תנסה לשים אותם באותו DIV עם WIDTH ואז בקופסה הירוקה תשתמש ב position: relative ותשחק עם זה top\left וכו'

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

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

כמה עוד

חבר מתאריך 18.11.09
234 הודעות, 11 פידבק

14:45 20.08.16

3. לא מצליח לי :\
בתגובה להודעה מספר 2

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

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

כמה עוד

חבר מתאריך 18.11.09
234 הודעות, 11 פידבק

14:49 20.08.16

4. יש לי את הקוד הזה בתור התחלה
בתגובה להודעה מספר 2

זה הכי נקי שיש, מפה כל דבר שאני מוסיף אני רק מסתבך
אם תוכל אולי לשחק בזה קצת ולעזור לי, אני כבר כמה זמן על זה
https://jsfiddle.net/bgcohshx

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

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

Bonito
חבר מתאריך 22.9.09
14859 הודעות

14:53 20.08.16

5. תנסה ככה
בתגובה להודעה מספר 4

https://jsfiddle.net/3Lcuhcvh/

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

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

כמה עוד

חבר מתאריך 18.11.09
234 הודעות, 11 פידבק

15:01 20.08.16

6. אש אחי, תודה רבה
בתגובה להודעה מספר 5

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

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

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

Ice Cold

חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק

15:19 20.08.16

7. משהו כזה?
בתגובה להודעה מספר 0

http://codepen.io/anon/pen/oLOaja

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

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

כמה עוד

חבר מתאריך 18.11.09
234 הודעות, 11 פידבק

16:24 20.08.16

8. זה דיי קרוב אבל לא מה שרציתי
בתגובה להודעה מספר 7

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

@Ice Cold@

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

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

Ice Cold

חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק

18:04 20.08.16

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

http://codepen.io/anon/pen/oLOaja

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

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

כמה עוד

חבר מתאריך 18.11.09
234 הודעות, 11 פידבק

18:09 20.08.16

10. בידיוק מה שרציתי, תודה רבה!
בתגובה להודעה מספר 9

אם יצא לך פתרון יותר אלגנטי אז זה יהיה בכלל מושלם

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

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

Ice Cold

חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק

18:16 20.08.16

11. הנה אחד יותר טוב
בתגובה להודעה מספר 10

בלי אלמנט "זבל", ועם transform יותר מתירני:

http://codepen.io/anon/pen/VjNVZv

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

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

כמה עוד

חבר מתאריך 18.11.09
234 הודעות, 11 פידבק

18:39 20.08.16

12. תודה רבה, אני רואה שהשתמשת ב transoform שמסובבת div
בתגובה להודעה מספר 11

ערכתי לאחרונה בתאריך 20.08.16 בשעה 18:58 בברכה, כמה עוד

אם אפשר רק לדעת מה הלוגיקה שעומדת מאחורי מה שעשית?

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

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

King_Cobra

חבר מתאריך 1.8.02
24138 הודעות, 4 פידבק

10:13 21.08.16

13. transform לא בהכרח מסובב DIV, הוא פשוט מגדיר את המיקום
בתגובה להודעה מספר 12

של האובייקט על הצירים X Y, יש לך גם transform3D שמגדיר את המיקום של האובייקטים על הצירים X Y Z

http://www.w3schools.com/cssref/css3_pr_transform.asp

My Website

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

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