איך אני ממקם תמונה בדף [HTML] - תכנות - HWzone פורומים
עבור לתוכן
  • צור חשבון

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

UltraTouch

נוצר על ידי UltraTouch
ב תכנות

Recommended Posts

UltraTouch Zone Wannabe

UltraTouch

פורסם
פורסם

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

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

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

קישור לתוכן
שתף באתרים אחרים
BeBest Zone Freak

BeBest

פורסם
פורסם

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

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

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

נניח לדוגמה:


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

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

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

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

קישור לתוכן
שתף באתרים אחרים
UltraTouch Zone Wannabe

UltraTouch

פורסם
  • מחבר
פורסם

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

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

קישור לתוכן
שתף באתרים אחרים
BeBest Zone Freak

BeBest

פורסם
פורסם

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

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

גם ב-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> למרות שאפשרי לעשות שימוש בתג כזה לצורך המטרה

קישור לתוכן
שתף באתרים אחרים

ארכיון

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

עבור לרשימת הדיונים
×
  • צור חדש...