שלח תשובה

זירת השאלות

276
צפיות
13
תשובות

מרכוז טקסט…

,‏ 9 באוגוסט, 2004

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


#copyright
{
    poistion: absolute;
    width: 660px;
    height: 18px;
    background-color: #e86d1b;
    text-align: center;  
    font-size: 11px;
    color: #ffffff;
}


איך עושים את זה? ניסיתי VERTICAL ALIGN אבל זה לא עובד…

תודה –
פפר

תגיות:

13 תשובות

  1. ניר טייב הגיב:

    אני מניח שזה יענה על שאלתך
    מתוך W3C

    This property affects the vertical positioning inside a line box of the boxes generated by an inline-level element. The following values only have meaning with respect to a parent inline-level element, or to a parent block-level element, if that element generates anonymous inline boxes; they have no effect if no such parent exists.

    ואם זה עדיין לא ענה לך אז vertical-align פועל רק על אלמנט INLINE או BLOCK ביחס לאלמנט בלוק האב (ואם אני לא טועה BODY הוא לא נקרא אלמנט BLOCK וגם לא INLINE)
    לדעתי אתה יכול להכניס את ה-DIV לתוך DIV נוסף שיקבל ערכים אורך ורוחב 100% ואז תיישר על ידי vertical-align

  2. mynameispepper הגיב:

    אני לא בטוח שהבנתי…
    הוספתי vertical-align אבל זה לא עובד. זה מה שהתכוונת?

  3. ניר טייב הגיב:

    התכוונתי לזה


    <div style="width:100%;height:100%;">
       <div id="copyright">©</div>
    </div>

  4. mynameispepper הגיב:

    למה אני לא רואה את התמונה ברקע?

    <div style="background-image: url("imags/1.jpg"); width: 740px; height:228px; padding-bottom: 6px;">

  5. mynameispepper הגיב:

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


    <div style="background-image: url(‘imgs/biography.jpg’); width: 740px; height:268px;">
    <p style="text-align: right; width: 720px; height: 228px; font-size: 12px; color: #ffffff; overflow: auto; padding: 8px; background: transparent none;">
    </p>
    Hello World
    </div>

    איך אפשר לעשות את זה?

    תודה –
    פפר

  6. תוסיף תכונת text-align לstyle
    לstyle של הdiv,
    ככה:

    style="text-align:center; vertical-align:middle"

    זה אמור לפעול יחסית לאלמנט האב (שבמקרה הזה הוא תג הp שעשית).

  7. mynameispepper הגיב:

    זה ממש לא עובד…
    אני נואש! מה זה יכול להיות…?

  8. אז תכניס את הטקסט לspan
    ככה

    <span style="style="text-align:center; vertical-align:middle">hello world</span>

שלח תשובה

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

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

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

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

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