שלח תשובה

זירת השאלות

644
צפיות
4
תשובות

האם אפשר לפצל תיבה אחת לשתי שורות

,‏ 21 באפריל, 2009

אני בונה עמוד קטגוריות עם תמונות והסבר למטה.
כשאני מגדיר ב CSS תיבות אני רוצה (כאמור), שהתמונה תהיה ברקע ולמטה תהינה כותרות.
במצב עכשיו, ( תיבה אחת בשורה אחת…) כשאני שם כותרות עם כמות תוים שונה, הטקסט גולש ומאריך את התיבה (בגובה).
אני מעוניין לפצל את אותה תיבה לשתי שורות במידות W H קבועות
   1. איך אני מקבע את גודל התיבה מבלי לאפשר את גלישת הטקסט?
   2. האם אפשרי פיצול או לבנות שתי תיבות אחת מעל השניה? (קצת מסורבל)
הנה קוד הCSS :
div.centerboks  {
    position:absolute;
    top: 150px;
    right: 500px;
    font-size: 0.8em;
    height: 100px;
    width: 100px;
    background-image: url("hamsa.gif");
    text-align: center;

}
ד’א איך הטקסט "יודע" להתמקם למטה, הרי התמונה היא background או שזה לא מה שאני מכיר מהטבלאות…
תודה רבה

תגיות:

4 תשובות

  1. למה רקע?
    למה לא לשים את התמונה בתג IMG רגיל?

    בכל אופן – קיבוע גודל מתבצע באמצעות overflow:hidden מה שאומר לדפדפן להיתעלם מכל מה שחורג מהמידות רוחב וגובה

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


    אלי ענתבי

  2. henthe1 הגיב:

    יופי, רק עוד שאלה קטנה
    תודה,
    הארת את עיניי,   עשיתי אימג’ רגיל, הוספתי overflow: hidden;  מידות התיבה מקובעות .ואפשר לשים עד 16 תוים בכל שורה, מעולה.
    שאלה (קצת מוזרה…) איך אהיה בטוח שהטקסט תמיד ימוקם למטה? רק ע’פ זה שבסורס ההטמל, הוא מופיע מתחת לתמונה?
    אין איזה "טקסט פוזישן בוטם…"?
    ד’א לא הבנתי את האפשרות בפדינג עליון.
    תודה רבה

  3. padding
    קשור אם אתה בכל זאת עושה רקע – אז צריך להגדיר לטקסט שיהיה X פיקסלים מרווח מעליו.

    יש אפששרות נוספת להגיד לטקסט שיהיה למטה באמצעות המאפיין position

    אבל בעיקרון אם יש תמונה וגם קבעת לה מידות קבועות (למצב שהלינק אליה יהיה שבור) – לא רואה הצדקה להכניס הגדרות נוספות…


    אלי ענתבי

שלח תשובה

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

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

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

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

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