שלח תשובה

זירת השאלות

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

שאלה ב css

,‏ 6 ביוני, 2006

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

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

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

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

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

תגיות:

6 תשובות

  1. אלי ענתבי הגיב:
    9 ביוני, 2006 בשעה 11:28 am

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

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

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

  2. bucktus הגיב:
    9 ביוני, 2006 בשעה 12:26 pm

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

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

  3. אלי ענתבי הגיב:
    11 ביוני, 2006 בשעה 9:29 pm

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

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

  4. אראל סגל הגיב:
    14 ביוני, 2006 בשעה 5:40 pm

    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. אראל סגל הגיב:
    14 ביוני, 2006 בשעה 5:47 pm

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

    <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>

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

  6. אראל סגל הגיב:
    23 ביוני, 2006 בשעה 2:54 pm

    זה כנראה בלתי אפשרי
    קיבלתי תשובה ממומחה ל css:

    http://www.princexml.com/bb/viewtopic.php?t=246

שלח תשובה

הכנס כדי לשלוח תשובה