שלח תשובה

זירת השאלות

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

שאלה ב css

,‏ 6 ביוני, 2006

אני רוצה לבנות דף של כתבה, שבו יהיה מלבן עם תת-כתבה, שיופיע בפינה השמאלית-תחתונה, כך:

אאאאאאאאאאאאאאאאאאאא
אאאאאאאאאאאאאאאאאאאא
אאאאאאאאאאאאאאאאאאאא
אאאאאאאאאאאאאאאאאאאא
אאאאאאאא
אאאאאאאא בבבבבבבבבבבבב
אאאאאאאא בבבבבבבבבבבבב
אאאאאאאא בבבבבבבבבבבבב
אאאאאאאא בבבבבבבבבבבבב

(האות א זו הכתבה הראשית, והאות ב זו התת-כתבה).

ניסיתי לחפש באינטרנט איך עושים את זה ב css, וכל מה שמצאתי זה עיצובים שבהם התת-כתבה נמצאת בפינה הימנית-עליונה או השמאלית-עליונה (עם float).

האם יש אפשרות פשוטה לשים תיבה צפה בפינה השמאלית תחתונה, בלי טבלאות ובלי טריקים מסובכים?

תגיות:

6 תשובות

  1. ירייה לאויר
    אף פעם לא ניסיתי, אבל אולי זה יעבוד אם תיתן float:left, ותגדיר position:relative עם הגדרת top מסויימת.

    אפשר לעקוב איך עושים את זה ב-ynet…

    תגיד לי אם הצלחת או לא שננסה לבדוק.

  2. bucktus הגיב:

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

    האמת שזה אתגר… ננסה.
    סתם שאלה, מה הבעיה פשוט לשים את זה במקום שאתה רוצה, במקרה שלך, לאחר סיום הטקסט, ולתת FLOAT לשמאל?

  3. כי הוא רוצה
    למקם באנר באמצע עמוד דינאמי למשל…

    ננסה, באמת מעניין.

  4. אראל סגל הגיב:

    float לבד לא עובד
    זה יוצא כך:
    אאאאאאאאאאאאאאאאאאאאאאאאאא
    אאאאאאאאאאאאאאאאאאאאאאאאאא
    אאאאאאאאאאאאאאאאאאאאאאאאאא
    אאאאאאאאאאאאאאאאאאאאאאאאאא
    אאאאאאאאאאאאאאאאאאאאאאאאאא

    בבבבבבבבב
    בבבבבבבבב
    בבבבבבבבב
    בבבבבבבבב
    בבבבבבבבב

    ב ynet משתמשים בטבלאות שמוכנסות באמצע הטקסט באופן ידני – קוד מאד לא יפה ולא נוח…

    הנה קוד ה html  שהשתמשתי בו לבדיקה:

    <div style=’border:3pt solid; width:30ex’ dir=’ltr’>

    <div style=”>aaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaa aaaaaa aaaaaaaaaa aa</div>
    <div style=’width:10ex; float:left; position:relative; top: 5em’>bbb bbbbbbb bbbb bbb bbbbbb bbbbb</div>

    </div>

  5. אראל סגל הגיב:

    זה עובד רק אם שמים את ב באמצע
    למשל:

    <div style=’border:3pt solid; width:30ex’ dir=’ltr’>

    <div style=”>aaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaa </div>

    <div style=’width:10ex; float:left’>bbb bbbbbbb bbbb bbb bbbbbb bbbbb</div>
    <div style=”>aaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaa </div>

    </div>

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

שלח תשובה

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

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

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

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

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