964
צפיות
צפיות
8
תשובות
תשובות
הרבה תמונות חתוכות או תמונה אחת?
שאלה שלא בטוח שיש לה תשובה פשוטה.
מקובל לייצר דף מעוצב HTML מהרבה תמונות חתוכות שיוצרות ביחד (בעזרת טבלה או CSS) את הדף השלם.
אפשרות חלופית היא לשלוח הכל כתמונה גדולה ולהגדיר MAP לקישורים.
השאלה היא מתי כדאי לבחור באיזו שיטה?
בשיטת החיתוכים מה שמרויחים זה שגודל התמונה יותר קטן אבל יש המון עבודה נוספת גם בשרת (לפתוח 30-40 קבצים במקום 2-3 לכל דף כזה) וגם בלקוח (לרנדר את הדף על מגוון חלקיו, לשנות פרופורציות של תמונות, לסדר שכבות)
{לצורך השאלה נתעלם מהזמן שלוקח לחתוך ולהרכיב את הדף מחדש}
8 תשובות
השאלה האם הדף דינמי או לא
אם כן, כלומר מתארך ומתקצר בהתאם לנתונים ממקור נתונים, אי אפשר לעשותו מתמונה אחת עם מאפ.
גם וגם
בעיקרון השאלה על דף סטאטי עתיר גרפיקה, לדוגמא דף השער. אבל גם בדף דינאמי, אם זה דף עתיר גרפיקה, מה שמשתנה (בד"כ) זה DIV עם הטקסט, תמונה שמוחלפת ואולי חלק מהגרפיקה שמתארך בהתאם לטקסט, רוב הגרפיקה לא תתארך עם הטקסט. כן, כנראה שבדף כזה בכל מקרה צריך כמה חיתוכים אבל נשארת השאלה האם רוב הגרפיקה תהיה ביחידה אחת או בשלושים חתיכות
מנסיון
במקום שאפשר – כמה שפחות חיתוכים.
תודה
עוד שאלה, הצמדת תמונות
אני ממקם כמה תמונות אחת אחרי השניה (בתוך DIV), אני רוצה שהתמונות יהיו צמודות אחת לשניה ללא רווח, קבעתי מיקום יחסי (position: relative) וקבעתי padding ו margin לאפס אבל עדיין הן מתעקשות לשמור מרחק, אני מעדיף לא לתת לתמונות הסטה של TOP:-XXpx, יש אפשרות להצמיד אותם?
<div style="right: 219px; width: 101px; position: relative; top: -20px; height: 293px" id="div_Right_menu">
<img id="Logo_Right_Small" src="images/Logo_Right_Small.jpg" style="position: relative; margin: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px;" />
<img id="Button_KnisaLemurshim" src="images/Button_KnisaLemurshim.gif" style="position: relative; top: -4px; padding-right: 0px; padding-left: 0px; right: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;" />
</div>
כמו שעשה google
לידיעתך, המילה google מורכבת מ-4 תמונות מוצמדות. העתקתי לך את הקוד של google בקובץ המצורף. רק שיניתי שם את המקור של התמונה .
אפשר גם ללא טבלה?
אין קובץ מצורף אבל הסתכלתי על הדף של גוגל, הם מצמידים את התמונות עם טבלה,
אני מנסה לעצב את הדף ללא טבלאות, איך ניתן ב CSS להגדיר שתמונה לא שומרת לעצמה מקום מסביב כך ששתי תמונות אחת ליד השניה יהיו צמודות בלי רווח בניהם?
הבעיה היתה ברווח
היה רווח בין תמונה לתמונה כי היה רווח בקוד
כדי שלא יהיה רווח בין התמונות או שרושמים הכל בשורה אחת בלי רווחים (ואף פעם לא קוראים את זה אחר כך) או שבסוף שורה פותחים הערה ובתחילת שורה סוגרים את ההערה.
לא הכי נוח אבל עובד