שיחה ההאקר Emad
11 באוגוסט 2012 – 21:50 | 31 תגובות

קבוצת ההאקרים הפועלת תחת שמו של אימעד מורניה, RememberEmad, ופרסמה כי פרצה לשרתי חברת ההוסטינג WebGate, פרסמה היום קובץ נוסף ובו כ-500 פרטים נוספים ובהם שמות משתמש וסיסמאות של אתרים שאוחסנו ב-WebGate. נראה כי העימות בן קבוצת …

המשך קריאה »
geek

חנון זה מגניב. תרבות החיים האינטרנטית-טכנולוגית-גאדג'טית. הדברים שמבדילים את הנערים מהגברים.

הרשת

סיפורים מהרשת, בעיקר זו הישראלית. מה קורה, מי קורה ולמה קורה.

וורדפרס

בעיקר תבניות מתורגמות לעברית ולפעמים דברים שקשורים לבלוגים ובלוגרים.

מערכות ניהול תוכן

על מערכות ניהול תוכן באינטרנט, בעיקר חינמיות ובעיקר בעברית. כלים לבניית אתרים, פורומים, גלריות ועוד.

פלטפורמות חברתיות

על רשתות חברתיות, כלים לבניית רשתות ופלטפורמות חברתיות וכל מה מכונה web 2.0

ראשי » בניית אתרים, מדריכים

למה CSS3 טוב ליהודים ולערבים

מאת ארז וולף בתאריך 13 ביוני 2010 – 10:548 תגובות

בעת המרה לעברית של עיצוב שבמקור נוצר לכתיבה משמאל לימין, כלומר מ-LTR ל-RTL – קיימת בעיה אחת שלא ניתן לפתור באופן מדויק.

בעיצובים רבים קיים שימוש באייקונים המופיעים כתמונת רקע. לדוגמא, הצגה של קישור ליצירת קשר ולידו אייקון של תיבת דואר. פעמים רבות הקישור יקבל Class כלשהו והאייקון יופיע כתמונת רקע אשר מוקמה לצד הקישור.
דוגמאות נוספות: אייקון של תאריכון ליד הצגת תאריך של כתיבת פוסט, אייקון של משתמש ליד שם מחבר של פוסט ועוד…

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

הקוד יכול להראות כך:

background: url(images/icon.png);
background-position: 3px 4px;

המשמעות של מיקום התמונה הוא 3px מהגבול השמאלי ו-4px מהגבול העליון.

מיקום תמונה במרחק מהגבול השמאלי

מיקום תמונה במרחק מהגבול השמאלי

פעולת ההתאמה היא לבצע היפוך, תמונת ראי של העיצוב. כלומר, כל מה שהיה בשמאל עובר לימין ולהפך. אז מה עושים כאשר מתאימים את העיצוב לעברית? הרי נדרש להציב את התמונה ב-3px מהגבול הימני אבל אין לנו שום דרך לציין זאת.

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

background-position: 99% 4px;

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

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

מיקום תמונה באמצעות אחוזים

מיקום תמונה באמצעות אחוזים

פתרון עתידי באמצעות CSS3

CSS3 עדיין לא נתמך על ידי רוב גרסאות אינטרנט אקסלפורר ולכן השימוש בו עדיין פחות נפוץ, אך יבוא היום ורוב הגולשים ישתמשו בדפדפנים תומכי CSS3 והחיים יהיו הרבה יותר קלים.

האופציה calc() מאפשרת לבצע חישובים של אורכים ומרחקים. למעשה היא עדיין לא נתמכת גם על ידי Firefox, אך נראה שתשולב באחת מהגרסאות הקרובות.

באמצעות calc אפשר לכתוב מאפיין כזה:

background-positoin: calc(100%-3px);

כלומר, 3px מהגבול הימיני. מ.ש.ל

להסברים ומידע נוסף על פונקציית calc ב-CSS3.

קרא פוסטים נוספים בנושא זה:

שתף את הפוסט בטוויטר

8 תגובות »

הוסף תגובה!

הוסף את תגובתך בהמשך הדף, או טראקבק מאתרך. תוכל גם עקוב אחר תגובות לפוסט זה באמצעות RSS.

שמור על תגובה נקיה, הגב לעניין. בלי ספאם.

בלוג זה תומך ב-Gravatar. אם אין לך עדיין גראווטר, תוכל ליצור לך אחד על-ידי הרשמה ב: Gravatar.

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word

130 queries in 0.299 seconds.