CSS/מיקום: הבדלים בין גרסאות בדף

תוכן שנמחק תוכן שנוסף
Crazy Ivan (שיחה | תרומות)
מ קטגוריה
Pupv20 (שיחה | תרומות)
אין תקציר עריכה
שורה 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>