שלח תשובה

זירת השאלות

557
צפיות
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. ניר טייב הגיב:
    9 באוגוסט, 2004 בשעה 10:13 am

    אני מניח שזה יענה על שאלתך
    מתוך 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 הגיב:
    9 באוגוסט, 2004 בשעה 6:48 pm

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

  3. תומר המאסטר הגיב:
    9 באוגוסט, 2004 בשעה 6:55 pm

    תוסיף


    vertical-align:middle

  4. mynameispepper הגיב:
    9 באוגוסט, 2004 בשעה 7:37 pm

    לא עובד……

  5. ניר טייב הגיב:
    9 באוגוסט, 2004 בשעה 8:48 pm

    התכוונתי לזה


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

  6. תומר המאסטר הגיב:
    9 באוגוסט, 2004 בשעה 10:23 pm

    תוסיף את זה לDIV הפנימי

  7. תומר המאסטר הגיב:
    9 באוגוסט, 2004 בשעה 10:24 pm

    div פנימי = div שבתוך עוד div

  8. mynameispepper הגיב:
    10 באוגוסט, 2004 בשעה 7:19 am

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

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

  9. mynameispepper הגיב:
    10 באוגוסט, 2004 בשעה 12:54 pm

    הסתדרתי, תודה!

  10. mynameispepper הגיב:
    10 באוגוסט, 2004 בשעה 7:59 pm

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


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

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

    תודה –
    פפר

  11. תומר המאסטר הגיב:
    10 באוגוסט, 2004 בשעה 10:48 pm

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

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

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

  12. mynameispepper הגיב:
    10 באוגוסט, 2004 בשעה 11:42 pm

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

  13. תומר המאסטר הגיב:
    11 באוגוסט, 2004 בשעה 12:21 pm

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

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

שלח תשובה

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