בבקשה אפשר תשובה יותר מדיוקת? אני בונה HTML ונרא לי שפעם ראיתי תגית שאתה כותב לפני התמונה ואתה כותב איפה אתה רוצה את זה בדף לפי פיקסלים… אז בבקשה עיזרו לי!
הנה התשובה בשביל שאלות כאלו יש לך אתרים יותר מקצועיים וידועים מWEBMASTER לדוגמה: http://www.w3schools.com והנה לינקים לנושאים המדוייקים שאתה מחפש: הנה קישור עוד יותר מדוייק: http://www.w3schools.com/css/css_reference.asp#positioning מכיוון שאינך יודע CSS וכפי שאני מבין אתה גם לא מבין טוב HTML אז הנה תזכורת קצרה +הסבר: התג נכתה ככה: <tag> לכל תג יש תג סוגר דוגמה: </tag> בין הגדרות התג עצמו לתג עצמו יש רווח (וגם בין הגדרות התג להגדרות אחרות בתג) והגדרות התג מופיעים כערכים וכך זה נראה: ערך-א' = " ערך-ב' " הנה דוגמה לאיך שזה יראה בתג: <tag A="B">text in tag</tag>
אם ברצונך לקבוע מיקום לתוכן , מומלץ להשתמש בתג DIV ובהגדרה style זה יראה כך:
<div style="ערך ההגדרה"> תוכן התג </div>
והתוך ערך ההגדרה (שהיא STYLE) נכתוב את גליון הסיגנון שלנו שבמקרה זה ,זה מיקום תוכן התג (POSITION). גליונות סגנון גם בנויות מהגדרות שבנויות מערכים לדוגמה: ערך-א':ערך-ב'; (כלומר: אחרי ערך-א' יבואו נקודותיים [:] ואחרי ערך-ב' יבוא הסימן נקודה-פסיק [;] ) הגדרות בגליונות סגנון יכולות לבוא צפופות אחת לשניה או רחוקות אחת מהשניה כך זה יראה בתג:
<div style="A:B;"> תוכן התג </div>
האותיות A ו B מסמלות את הערכים
כדי ליצור גליון סגנון של מיקום עלינו להשתמש בשלושה הגדרות: 1) z-index שבעזרתה ניתן לקבוע באיזה מיקום ימצא התג שלנו על הציר הטלט מימדי (ביחס לדף) הגדרה זו מקבלת ערכים מספריים (חיוביים ושליליים) (הגדרה זאת מעוד שימושית אם אתה רוצה ליצור מצב שתוכן תג עולה על תוכן אחר ומסתיר את התוכן האחר או ההפך שהתוכן האחר מסתיר תוכן של תג מסויים)
2) position קובע את סוג של מיקום התג קיימים שתי ערכים להגדרה הזאת: א) relative מזיז את התג (את תוכנו) מהמיקום שהוא נמצא בו (מהמקום הטבעי שלו). ב) absolute מזיז את התג ביחס לדף עצמו.
3) הגדרות מיקום (באים בזוגות) ,ההגדרות שהם הכי פעילים בכל הדפדפנים הם: top left שהם קובעים את מיקום תוכן התג הערכים של ההגדרות האלו נכתבים על ידי מספרים (שליים וחיוביים) וניתן לצרף גם את יחידות המידה אחרי המספר לדוגמה: 1px =אחד פקסל 2cm =שתי סנטימטר 3% =שלוש אחוז
זה אמור להראות בערך ככה:
<div style="z-index:?;position:?;top:?;left:?;"> תג ממוקם </div>
סימני שאלה מסמנים את הערכים שצריך למלא
הנה קוד מקור של הקובץ שצרפתי עם ההודעה:
<div> תג המקום טבעי </div>
<div style="z-index:2;position:relative;top:40px;left:40px;background-color:blue;color:#ffffff;"> תג מתחת לתג במקום הטבעי ב40 פקסל ימינה ו40 פקסל למעטה </div>
<div style="z-index:3;position:absolute;top:88px;left:160px;background-color:red;"> תג מרחף בלי שום קשר לתג במקום הטבעי , תג זה נמצא ב160 פיקסל ימינה ו88 פקסל מראש הדף ,תג זה גם עולה על התג שצבועה בכחול… </div>
*דרך אגב: background-color color
הם ההגדרות של צבע הטקסט וצבע הרקע בהגדרה של גליונות הסגנון בתג.
11 תשובות
אתה צריך לעצב את הדף שלך בהתאם לזה
נגיד טבלאות ויש עוד הרבה אפשרויות. הקטע הוא איך אתה מעצב את הדף שלך
position
קרא על כך במדריך CSS כאן באתר.
שחכתי להגיד. בHTML
אני לא מוצא….
אתה יכול להביא לי קישור?
בבקשה אפשר תשובה יותר מדיוקת?
אני בונה HTML ונרא לי שפעם ראיתי תגית שאתה כותב לפני התמונה ואתה כותב איפה אתה רוצה את זה בדף לפי פיקסלים… אז בבקשה עיזרו לי!
ככה:
https://webmaster.org.il/showGuide.asp?subject=css&class=others
גלגל קצת למטה
תודה אבל איך מכוונים איפה זה יהיה?
איך אומרים לו איפה לשים את זה בפיקסלים?
בשביל זה קיים המדריך
אם תעבור על מדריך HTML ואח"כ על מדריך CSS ולא תבין – אנחנו תמיד כאן לעזרתך.
אתה תמיד מוזמן להציג בעיה ספציפית.
עברתי עליהם
אבל לא הבנתי איך שמים פקודה של CSS בתוך HTML
הנה התשובה
בשביל שאלות כאלו יש לך אתרים יותר מקצועיים וידועים מWEBMASTER
לדוגמה:
והנה לינקים לנושאים המדוייקים שאתה מחפש:
הנה קישור עוד יותר מדוייק:
/css/css_reference.asp#positioning
מכיוון שאינך יודע CSS וכפי שאני מבין אתה גם לא מבין טוב HTML אז הנה תזכורת קצרה +הסבר:
התג נכתה ככה:
<tag>
לכל תג יש תג סוגר דוגמה: </tag>
בין הגדרות התג עצמו לתג עצמו יש רווח (וגם בין הגדרות התג להגדרות אחרות בתג) והגדרות התג מופיעים כערכים וכך זה נראה: ערך-א' = " ערך-ב' "
הנה דוגמה לאיך שזה יראה בתג:
<tag A="B">text in tag</tag>
אם ברצונך לקבוע מיקום לתוכן , מומלץ להשתמש בתג DIV ובהגדרה style
זה יראה כך:
<div style="ערך ההגדרה">
תוכן התג
</div>
והתוך ערך ההגדרה (שהיא STYLE) נכתוב את גליון הסיגנון שלנו שבמקרה זה ,זה מיקום תוכן התג (POSITION).
גליונות סגנון גם בנויות מהגדרות שבנויות מערכים לדוגמה:
ערך-א':ערך-ב';
(כלומר: אחרי ערך-א' יבואו נקודותיים [:] ואחרי ערך-ב' יבוא הסימן נקודה-פסיק [;] )
הגדרות בגליונות סגנון יכולות לבוא צפופות אחת לשניה או רחוקות אחת מהשניה
כך זה יראה בתג:
<div style="A:B;">
תוכן התג
</div>
האותיות A ו B מסמלות את הערכים
כדי ליצור גליון סגנון של מיקום עלינו להשתמש בשלושה הגדרות:
1) z-index שבעזרתה ניתן לקבוע באיזה מיקום ימצא התג שלנו על הציר הטלט מימדי (ביחס לדף) הגדרה זו מקבלת ערכים מספריים (חיוביים ושליליים)
(הגדרה זאת מעוד שימושית אם אתה רוצה ליצור מצב שתוכן תג עולה על תוכן אחר ומסתיר את התוכן האחר או ההפך שהתוכן האחר מסתיר תוכן של תג מסויים)
2) position קובע את סוג של מיקום התג קיימים שתי ערכים להגדרה הזאת:
א) relative מזיז את התג (את תוכנו) מהמיקום שהוא נמצא בו (מהמקום הטבעי שלו).
ב) absolute מזיז את התג ביחס לדף עצמו.
3) הגדרות מיקום (באים בזוגות) ,ההגדרות שהם הכי פעילים בכל הדפדפנים הם:
top
left
שהם קובעים את מיקום תוכן התג
הערכים של ההגדרות האלו נכתבים על ידי מספרים (שליים וחיוביים) וניתן לצרף גם את יחידות המידה אחרי המספר לדוגמה:
1px =אחד פקסל
2cm =שתי סנטימטר
3% =שלוש אחוז
זה אמור להראות בערך ככה:
<div style="z-index:?;position:?;top:?;left:?;">
תג ממוקם
</div>
סימני שאלה מסמנים את הערכים שצריך למלא
הנה קוד מקור של הקובץ שצרפתי עם ההודעה:
<div>
תג המקום טבעי
</div>
<div style="z-index:2;position:relative;top:40px;left:40px;background-color:blue;color:#ffffff;">
תג מתחת לתג במקום הטבעי ב40 פקסל ימינה ו40 פקסל למעטה
</div>
<div style="z-index:3;position:absolute;top:88px;left:160px;background-color:red;">
תג מרחף בלי שום קשר לתג במקום הטבעי , תג זה נמצא ב160 פיקסל ימינה ו88 פקסל מראש הדף ,תג זה גם עולה על התג שצבועה בכחול…
</div>
*דרך אגב:
background-color
color
הם ההגדרות של צבע הטקסט וצבע הרקע בהגדרה של גליונות הסגנון בתג.
נקווה שזה סיפק אותך…
בקשר לגליונות סגנון , עוד דבר אחד..
מומלץ להשתמש בהגדרות גודל
שהם:
width
height
שהם רוחב ואורך
שמקבלים ערכים חיוביים ב% או בpx
ככה זה יראה:
<div style="z-index:?;position:?;top:?;left:?;width:?;height:?;">
תג ממוקם
</div>
סימני שאלה מסמנים את הערכים שצריך למלא
נקווה שעזרתי…
MCG.