רוטר - יישור תבנית HTML מימן לשמאל.

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

"יישור תבנית HTML מימן לשמאל."

גירסת הדפסה

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

אשכול מספר 20243

The Boss

חבר מתאריך 14.9.08
6889 הודעות, 2 פידבק, 4 נקודות

17:57 05.10.13

יישור תבנית HTML מימן לשמאל.

היי
מי יכול לעזור עם יישור RTL לגבי התבנית הבאה?
http://freehtml5templates.com/downloads/free/newssourcefinal/
לאחר שהוספתי <html lang="he" dir="rtl">
יש לי בעיה שהתפריט העליון מופיע בסדר הפוך.
ה <li><a href="#">U.S.</a></li> מופיע בצד שמאל במקום ימין.

<nav>
<div class="menu">
<ul>

<li><a href="#">U.S.</a></li>
<li><a href="#">World</a></li>
<li><a href="#">Local</a></li>
<li><a href="#">Politics</a></li>
<li><a href="#">Travel</a></li>
<li><a href="#">Health</a></li>
<li><a href="#">Financial</a></li>
<li><a href="#">Entertainment</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">SciTech</a></li>
<li><a href="#">Weather</a></li>
<li><a href="#">Video Blog</a></li>
</ul>
</div>
</nav>

תודה רבה

קופון הנחה של 5% ל iHerb
https://goo.gl/Q6Tr1S
הרבה יותר טוב מ Vitacost

שתף

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

האשכול	מחבר	תאריך כתיבה	מספר
תשים להם Floats	CaTz	05.10.13 18:23	1
תודה, זה משבש את כל הדף	The Boss	05.10.13 18:35	2
מה משתבש?	CaTz	05.10.13 19:25	3
יש גלישה של הטקסט שמופיע בתפריט ניווט העליון,	The Boss	05.10.13 19:43	4
תסתכל על הדוגמה...	CaTz	05.10.13 19:53	5
תודה רבה! הייתה טעות אצלי :)	The Boss	05.10.13 20:01	7
יש גם את ה footer, משהו קטן	The Boss	05.10.13 20:04	8
מוזר בדקתי והוא צודק..	משה הלולן	05.10.13 19:59	6
זה תקין :)	The Boss	05.10.13 20:08	9
קודם כל תשתמש ב-bootstrap	last_test	06.10.13 00:45	10
תודה רבה, ננסה :)	The Boss	06.10.13 11:51	11
תוכל להרחיב בנושא של יישור התוכן או האלמנט עצמו?	The Boss	07.10.13 22:46	12

CaTz
חבר מתאריך 2.10.04
14537 הודעות, דרג אמינות חבר זה

18:23 05.10.13

1. תשים להם Floats
בתגובה להודעה מספר 0

משהו כזה:

nav ul li {
float: right;
line-height: normal;
list-style: none outside none;
margin-right: 15px;
}
li {
padding-right: 5px;
}

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

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

The Boss

חבר מתאריך 14.9.08
6889 הודעות, 2 פידבק, 4 נקודות

18:35 05.10.13

2. תודה, זה משבש את כל הדף
בתגובה להודעה מספר 1

קופון הנחה של 5% ל iHerb
https://goo.gl/Q6Tr1S
הרבה יותר טוב מ Vitacost

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

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

CaTz
חבר מתאריך 2.10.04
14537 הודעות, דרג אמינות חבר זה

19:25 05.10.13

3. מה משתבש?
בתגובה להודעה מספר 2

http://jsfiddle.net/ax8Qp/1/

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

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

The Boss

חבר מתאריך 14.9.08
6889 הודעות, 2 פידבק, 4 נקודות

19:43 05.10.13

4. יש גלישה של הטקסט שמופיע בתפריט ניווט העליון,
בתגובה להודעה מספר 3

וגם יש בעיה עם הסדר על הערכים שכתובים בעברית.
הערך הראשון US מופיע הכי שמאלי במקום הכי ימני.

תודה רבה

קופון הנחה של 5% ל iHerb
https://goo.gl/Q6Tr1S
הרבה יותר טוב מ Vitacost

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

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

CaTz
חבר מתאריך 2.10.04
14537 הודעות, דרג אמינות חבר זה

19:53 05.10.13

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

http://jsfiddle.net/ax8Qp/2/

אצלי זה מופי מימין לשמאל כמצופה.

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

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

The Boss

חבר מתאריך 14.9.08
6889 הודעות, 2 פידבק, 4 נקודות

20:01 05.10.13

7. תודה רבה! הייתה טעות אצלי :)
בתגובה להודעה מספר 5

קופון הנחה של 5% ל iHerb
https://goo.gl/Q6Tr1S
הרבה יותר טוב מ Vitacost

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

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

The Boss

חבר מתאריך 14.9.08
6889 הודעות, 2 פידבק, 4 נקודות

20:04 05.10.13

8. יש גם את ה footer, משהו קטן
בתגובה להודעה מספר 5

עשיתי אותו הדבר גם על הfooter ויש רק בעיה למרכז את הכותרות.
אשמח לעזרה

תודה רבה!

קופון הנחה של 5% ל iHerb
https://goo.gl/Q6Tr1S
הרבה יותר טוב מ Vitacost

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

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

משה הלולן

חבר מתאריך 11.6.13
4818 הודעות, 8 פידבק, 14 נקודות

19:59 05.10.13

6. מוזר בדקתי והוא צודק..
בתגובה להודעה מספר 2

מה ראית שזה עשה לדף?

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

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

The Boss

חבר מתאריך 14.9.08
6889 הודעות, 2 פידבק, 4 נקודות

20:08 05.10.13

9. זה תקין :)
בתגובה להודעה מספר 6

תודה רבה

קופון הנחה של 5% ל iHerb
https://goo.gl/Q6Tr1S
הרבה יותר טוב מ Vitacost

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

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

last_test
חבר מתאריך 20.8.13
328 הודעות, דרג אמינות חבר זה

00:45 06.10.13

10. קודם כל תשתמש ב-bootstrap
בתגובה להודעה מספר 0

http://getbootstrap.com/
התשובה שלך מתחלקת ל-2 בגלל שלא ציינת מה בדיוק אתה רוצה ליישר את התוכן או את האלמנט עצמו.
כדי לשים כיוונית לתוכן עצמו אתה משתמש ב-css עם property בשם direction שיודע לקבל rtl או ltr.
כדי ליישר את האלמנט עצמו לכיוון מסויים יש לך יותר מדרך אחת.
אני נורא אוהב להשתמש ב-display: inline-block ולא ב-float.
הייתרון של float הוא backward compatibility למטה עד IE6/7, חסרון עיקרי הוא שאתה צריך להשתמש ב-clear כל הזמן כדי לנקות אלמנטים שאתה מעוניין שיירדו שורה, כמובן שאפשר להשתמש ב-after אבל הוא לא תומך ב-IE6/7 מה שאומר שתצטרך לנקות פר אלמנט.
inline-block עובד מצויין כמעט בכל הדפדפנים, ב-IE יש אלמנטים שפשוט לא תומכים ב-property הזה.
אתה גם יכול להשתמש ב-table-cell, פשוט תמנע מלתמוך בגירסאות IE נמוכות.

המסקנה היא פשוטה מה שייתן לך את הפתרון האופטימלי הוא display: inline-block וכדי לתקן בעיות עם IE תמיד תוכל להשתמש ב-display: inline ולתת zoom: 1 לאלמנטים שלא תומכים.

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

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

The Boss

חבר מתאריך 14.9.08
6889 הודעות, 2 פידבק, 4 נקודות

11:51 06.10.13

11. תודה רבה, ננסה :)
בתגובה להודעה מספר 10

קופון הנחה של 5% ל iHerb
https://goo.gl/Q6Tr1S
הרבה יותר טוב מ Vitacost

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

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

The Boss

חבר מתאריך 14.9.08
6889 הודעות, 2 פידבק, 4 נקודות

22:46 07.10.13

12. תוכל להרחיב בנושא של יישור התוכן או האלמנט עצמו?
בתגובה להודעה מספר 10

מתי משתמשים בכל אחת מאפשרויות?
מה עדיף?
(במקרה זה מדובר על אתר שקיים בעברית וגם באנגלית).

תודה רבה

קופון הנחה של 5% ל iHerb
https://goo.gl/Q6Tr1S
הרבה יותר טוב מ Vitacost

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

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