שלח תשובה

זירת השאלות

327
צפיות
6
תשובות

עיצוב אתר בעזרת CSS STYLES

,‏ 7 במאי, 2004

הוספתי רקע לאתר ע"י CSS ובכך פתרתי בעייה של רזולוציה, כך שבמקום שהדף יתכווץ, כאשר משנים רזולוציה, תמונת הרקע נשארת גדולה ו – CSS מאפשר עיצוב רקע שונה לכל דף.

להפתעתי גיליתי, שכאשר יצרתי קישור בין הדפים והתחלתי לדפדף ביניהם, גוף האתר שגודלו: 760/420 פיקסלים, פשוט זז שמאלה ב – 10 פיקסלים, כך שהכל נראה מעוות ואין התאמה בין התמונה לגוף האתר, אך העיוות נוצר רק כשמתחילים להשתמש בקישורים, לעומת זאת כאשר פותחים את הדפים על ידי לחיצה כפולה על הקובץ מהתיקייה בה הוא מאוחסן, הוא נפתח בצורה מושלמת וגם כאשר מרעננים את הדף הוא נפתח שוב בצורה מושלמת.

אולי מישהו יודע כיצד ניתן לפתור את הבעיה?

תודה לכולם

תגיות:

6 תשובות

  1. מידן הגיב:

    לאיזה קוד אתה מתכוון?
    איזה קוד ולאן להוסיף אותו?

  2. sirob הגיב:

    סליחה לא הייתי ברור מספיק….
    צריך דוגמא של הקוד של האתר, עדיף את כל הדף ואם לא את כולו לפחות את הקוד שהשתמשת בו לרקע ולמקם את תוכן הדף במקום…

  3. מידן הגיב:

    הקוד של האתר… (עדיין לא גמור)
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1255">
    <style type="text/css">
    <!–
    .back { background-image: url(../images/back/bg_main.jpg); background-repeat: no-repeat}
    body { background-image: url(../images/back/bg_main.jpg); background-position: right top; background-repeat: no-repeat}
    –>
    </style>
    <meta http-equiv="refresh" content="240">
    <meta http-equiv="pragma" content="no-cache">
    </head>

    <body bgcolor="#27541B" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <span class="back"></span>
    <table border="0" cellpadding="0" cellspacing="0" align="right" bordercolor="#6699FF">
    <tr align="left" valign="top">
    <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0&quot; width="760" height="263">
    <param name=movie value="../flash/main.swf">
    <param name=quality value=high>
    <embed src="../flash/main.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash&quot; type="application/x-shockwave-flash" width="760" height="263">
    </embed>
    </object></td>
    </tr>
    <tr align="right" valign="top">
    <td>

    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </body>
    </html>

  4. sirob הגיב:

    אוקיי,
    הקוד קצת קצת מבולגן, וזה כנראה המקור לבעיות…

    קודם כל – מדובר בסרטון פלאש לפי מה שאני רואה, מה שיכול להפוך את הכל ליותר מסובך.

    נתחיל בדברים הפשוטים יותר, בסוף יש מספר שורות מיותרות:

    <tr align="right" valign="top">
    <td>

    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>

    אפשר פשוט למחוק אותן.
    יש גם את החלק הזה שלא עושה הרבה:


    <span class="back"></span>

    ואיתו גם השורה הזו:

    .back { background-image: url(../images/back/bg_main.jpg); background-repeat: no-repeat

    והכי הכי חשוב להגדיר את הגודל של ה-Table ושל ה-tr וה-td, זאת כדי להבטיח שהם יהיו בגודל המתאים…
    ככה:

    <table width="760" height="263" border="0" cellpadding="0" cellspacing="0" align="right" bordercolor="#6699FF">
    <tr align="left" valign="top" width="760" height="263">
    <td width="760" height="263">

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

    כמו-כן, אם לא מדובר באותו סרטון פלאש ברור שכדאי לוודא שהם באותו גודל…

    בהצלחה.

  5. מידן הגיב:

    תודה רבה, אך לצערי זה לא עזר…
    המון תודה אבל זה לא עזר, רק דבר אחד לא היה ברור – לאיזה רווחים התכוונת?

שלח תשובה