הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - למקם תמונה בתוך div (https://hosts.co.il/forums/showthread.php?t=82996)

HOLD	06-06-10 09:12

למקם תמונה בתוך div

אני מנסה למקם תמונה בתוך div אבל זה מאוד חשוב שהיא תהיה באותו המקום (בתוך ה-div) בדיוק בכל הדפדפנים.

המיקום צריך להיות יחסי ל-div, ובתוכו.

k.machine

06-06-10 10:16

HTML קוד:

style="position:relative;"

ואז תשחק עם מאפיין הmargin.

שים לב שבIE יש באג. ולכן תן לbody את הסטייל הזה:

HTML קוד:

style="margin:0; padding;0"

הרחבה:
http://www.w3schools.com/css/css_boxmodel.asp

HOLD	06-06-10 10:35

ציטוט:

נכתב במקור על ידי k.machine (פרסם 766554)

HTML קוד:

style="position:relative;"

ואז תשחק עם מאפיין הmargin.

שים לב שבIE יש באג. ולכן תן לbody את הסטייל הזה:

HTML קוד:

style="margin:0; padding;0"

הרחבה:
http://www.w3schools.com/css/css_boxmodel.asp

תודה.

יש לי בעיה אחרת עכשיו,
מעל התמונה (שבתוך ב-div) יש תוכן משתנה,
וכל פעם שהוא נהיה ארוך יותר התמונה בורחת למטה,
יש איזהו שהיא דרך לקבוע שהתמונה תהיה צמודה לגבול של ה-div תמיד?

k.machine

06-06-10 13:21

http://www.w3schools.com/css/css_positioning.asp

הדף הזה מסביר את כל האפשרויות שיש בצורה מאוד פשוטה. בהצלחה.

HOLD	11-06-10 16:53

תודה.

liorclub

12-06-10 01:25

תגדיר את הגובה של הדיב עם הטקסט המשתנה
באמצעות height
ככה זה לא יגדיל/יקטין

MaorGetter

15-06-10 15:46

הייתי מציע לך להשתמש ככה:

ציטוט:

.div {
background-image: url(xxx.gif);
position:absolute;
top:555px;
left:555px;
}

כמובן שאת הפיקסלים תכוון איך שאתה רוצה..
כמובן בHTML תעשה:

ציטוט:

ככה אני הכי אוהב לעשות..

כל הזמנים הם GMT +2. הזמן כעת הוא 13:30.