CSS/מיקום: הבדלים בין גרסאות בדף
תוכן שנמחק תוכן שנוסף
Crazy Ivan (שיחה | תרומות) מ קטגוריה |
אין תקציר עריכה |
||
שורה 1:
{{CSS}}
==דוגמא==▼
ישנם שני סוגים של מיקום:
*מיקום מוחלט.
*מיקום יחסי.
מיקום מוחלט מסמנים כך: position:absolute;
מיקום יחסי מסמנים כך : position:relative;
==המוחלט והיחסי==
המיקום המוחלט והמיקום היחסי הם די דומים , שניהם מצויינים ע"י אותה שורת קוד , אך ההבדל העיקרי הוא חישוב המקום.
האופן שבו המחשב מחשב את המיקום באופן " מוחלט " הוא להניח את האלמנט במקום המצויין ללא בעיות.
האופן שבו ה " יחסי " מחשב , הוא ע"י אופן יחסי '''מהמיקום המקורי במסמך'''.
הדבר היחידי שצריך לעניין אתכם הוא הבחירה.
בדרכ' מעדיפים להשתמש במיקום המוחלט , כי הוא יותר קל.
אך , ישנם מקרים שבהם היחסי יהיה עדיף על המוחלט.
הכל תלוי במקרה...
==שורת הקוד - מוחלט==
<div style="text-align:left; direction:ltr;">
<pre>
#two{
position:absolute;
top:180px;
left:70px;
}
</pre>
</div>
==שורת הקוד - יחסי==
<div style="text-align:left; direction:ltr;">
<pre>
#three{
position:relative;
top:180px;
left:70px;
}
</pre>
</div>
==אפשרויות מילוי==
*top
*rihgt
*left
*bottom
▲==דוגמא מלאה==
<pre style="direction:ltr;">
<html>
|