עבור לתוכן

איך אני ממקם תמונה בדף [HTML]

Featured Replies

פורסם

שלום לכולם.. נגיד שכרגע אני בונה דף ואני רוצה לעשות לו תחתית למטה כגון: (ראו קובץ מצורף ראשון)

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

אז איך אני ממקם אותה שתמיד תיהיה ממש בחלק התחתון של הדף ולא משנה באיזה מסך אני משתמש?

פורסם

אתה צריך ללמוד HTML בשביל זה.

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

בד"כ מחלקים את האזורים לתגי div שהם מגדירים "בלוק".

נניח לדוגמה:


<html>
<body>
<div id="head"></div>
<div id="content"></div>
<div id="footer"></div>
</body>
</html>

ב-HTML5 יש תגים שנועדו לעשות את העבודה הזו כמו למשל <footer> <header>.

הרעיון הוא לעבוד עם CSS בשילוב עם HTML בשביל למקם את האובייקטים היכן שתרצה.

אם תראה את הקוד שלך אולי נוכל לכוון אותך יותר.

פורסם
  • מחבר

שמע בתכלס אין לי קוד אני פשוט רוצה לעשות לי כמו דף בית כזה שלי שהחלק התחתון הוא יהיה תמונה (כמו עיצוב כזה חלק תחתון יפה)...הכנתי את החלק התחתון ואני רוצה שהוא יהיה תמיד ממקום בחלק התחתון של הדף כמו בדף של מיקרוסופט שהעלתי תמונה מקודם ...

אתה מבין בערך למה אני מתכוון....?

פורסם
  • מחבר

חחחחחחחחחחחחחח......

זה כמו שבפעם הבאה שאני ישאל בפורום של רכבים איך להחליף מצבר מישהו יגיד לי לך תלמד מכונאות רכב

חחחחחחחחחח

פורסם

לא, זה כמו שתשאל איך לכתוב מכתב ואני אגיד לך תלמד קודם לכתוב.

פורסם

ולתגובה קצת יותר פרקטית.

כמו ברוב מה שקשור למחשבים יש כמה דרכים לעשות כל דבר.

גם ב-HTML יש כמה טכניקות לעשות את מה שאתה רוצה.

קוד בסיסי שיעשה את מה שאתה רוצה נראה כך:


<html>
<head>
<style>
#head, #content, #footer {
height: 200px;
width: 100%;
}

#head {
background-color: red;
}

#content {
background-color: green;
}

#footer {
background-color: blue;
}
</style>
</head>
<body>
<div id="head"></div>
<div id="content"></div>
<div id="footer"></div>
</body>
</html>

בדוגמה פשוט תחליף את ה-CSS בקישור לתמונה (background) שאתה מעוניין שתופיע כולל חזרה (repeat) אם צריך.

אגב שים לב שאין כאן שום שימוש בתג תמונה <img> למרות שאפשרי לעשות שימוש בתג כזה לצורך המטרה

ארכיון

דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

דיונים חדשים