31-05-2009, 08:30
|
מנהל
|
|
חבר מתאריך: 26.07.08
הודעות: 6,473
|
|
לא תוכל לעשות float:center (כי אין ערך כזה), אבל אגיד לך מה כן תוכל:
אנחנו שמים לב שהאובייקט פלאש יורד כאשר מקטינים את גודל הדפדפן.
זו אינה ההתנהגות הרצויה וגם לא מה שצפינו שיהיה. אבל זה נובע מכך שלא הגדרנו ל-div הכללי שעוטף את כל ה-div ערך רוחב (width) ספציפי, וגם בגלל ההתנהגות הטיבעית של אלמנטים צפים.
לכן פשוט תצטרך להוסיף למאפיין ה-style של ה-div הכללי את הערך הבא:
ערך הרוחב שקבעתי הוא בהתאם לרוחב של שלושת אלמנטי ה-div שבתוכו + ערכי padding או margin.
(הרי ערכי ה-width של האלמנטים הפנימיים ידועים מראש)
אבל מה יקרה אם למשתמש יש מסך גדול משלך?
אז האלמנט ה-div הכללי יתיישר ימינה או שמאלה בהתאם ליישור שהגדרת ב-CSS.
לכן תצטרך לקבוע לו ב-CSS גם:
כדי שהוא יתיישר למרכז.
וזהו D=
הקוד הסופי:
קוד:
<div style="clear:both; width:1260px; margin:auto;">
<div style="float:left">
<!-- Your advertisement code here -->
</div>
<div style="float:left">
<!-- Content/image/whatever-you'd-like -->
</div>
<div style="float:left">
<!-- Your advertisement code here -->
</div>
</div>
שים לב שערכי CSS מומלץ לקבוע בקובץ CSS נפרד.
עריכה:
נזכרתי במשהו קטן:
התג embed שהשתמשת להציג בו את אובייקט הפלאש אינו תקין ברוב תקני ה-xHTML, ומומלץ להשתמש בתג ה-object. אתה יכול לראות דוגמה לשימוש תקין בתג ה-object כאן.
נערך לאחרונה ע"י dorM בתאריך 31-05-2009 בשעה 08:33.
|