שלח תשובה

זירת השאלות

4 תשובות

  1. adamfr הגיב:

    למה לשבור ת’ראש?
    לא עדיף לערוך את התמונה עם תוכנת עריכה פשוטה? 🙂 אני לא חושב שזה אפשרי בCSS 😉

  2. haggit הגיב:

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

  3. aviadfe הגיב:

    רעיון לפיתרון
    שלום חגית.

    1. ל- CSS אין תחביר שעושה כדבר הזה. גם CSS הכה רחב ומעוצב, מוגבל. בדיוק כשם ששפות תוכנה מוגבלות, ולכן רק כח המחשבה והיצירתיות הן אלו שיכולות ליצור כאןדברי נפלאים.

    2. שתי אפשרויות להשתמש בכל זאת עם יכולות CSS עבור זה:

    אופציה א’: התמונה הדינאמית לא תוצג כתמונה אלא כרקע. את יוצרת טבלה בגודל של התמונה בדיוק, או תא בטבלה, ומזינה לה רקע שהוא התמונה. מעליה, את מצרפת תמונה שתוצמד לצד שבו את מעוניינת לעשות זאת – תמונת GIF, שתציג את אותוגבול לבן מעוגל. התמונ הזאת תהיה קבועה, ואת תתכנתי כך שהרקע ישתנה. כא השימוש ב- CSS הוא פשוט. את בסה"כ משתמשת הגדרת רקע וגדלי הופרופורציות הטבלה.

    אופציה ב’: קצת יותר קשה בCSS. את יוצרת תמונה על תמונה. CSS מסוגלת לעשות זאת, אבל זה מצריך עבודה והזעה. לא ניסיתי זאת עד היום למרת שבניתי המון, אבל עקרונית זה אפשרי, ויצריך ממך לשלב אלמנט POSITION ו- ABSOLUTE ועוד… לחילופין את יכולה להגדיר תגית DV שתרחף מעל התמונה הראשונה ותציג תמונה עם הגבול הלבן.

  4. adamfr הגיב:

    יש תוכנות שיעשו לך חיים קלים…
    למשל FrontPage 2003 של האופיס.. יש שם אפשרות לעריכה בתצוגה גרפית והתוכנה כותבת את הקוד, קצת שימוש בליירים אבל זה קצת מסבך את הקוד שכבר יש.. אז את יכולה להשתמש בה כדי לסדר את התמונה של המסגרת מעל התמונה הזו.. ואם את לא יכולה… ולא הצלחת לבד.. את יכולה להביא לי את הקוד העיקרוני אני ינסה כבר לראות.. את אמורה להגיד לו שהמיקום יהיה ABSOLUTE ולמקם אותך אחת מעל השנייה.. אבל אם התמונה לא נמצאת תמיד המקום מוגדר קבוע בדף זה כבר מסבך עניינים.. אבל עניין בר ביצוע.. בכל מיקרה.. אם לא הצלחת.. הקוד או עוד פרטים יעזרו. בעיקרון:


    <p>
    <img border="0" src="01.gif" style="position: absolute; right: 512; top: 113; width:274px; height:215px">
    <img border="0" src="02.gif" style="position: absolute; right: 512; top: 113; width:16px; height:136px">
    </p>

    שימי לב שיש להם את אותו מיקום לפינה הימנית העליונה.. ככה שהם אחת על השנייה..

שלח תשובה

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!