מספר בעיות שנתקלתי בהן בCSS.

[Ghosthunter]

1) אובייקטים מסוג INLINE לא מציגים את הרוחב שנקבע להם בCSS. מה לעשות?

עריכה: לא משנה, הסתדרתי. החזרתי להם את המאפיין BLOCK, והשתמשתי ב- FLOAT, כמו כאן: http://www.rikkertkoppes.com/thoughts/2004/11/14/

2) איך אני משנה את הvalign של טקסט בתוך DIV? ניסיתי להשתמש במאפיין vertical-align אך ללא הצלחה.

תודה.

[BURTON]

נסה להשתמש ב-padding-top/bottom

[Ghosthunter]

כשאני משתמש בPADDING, אני אמור להכניס מספר קבוע. אין בעיה כאשר יש רק שורה אחת. כאשר יש 2 שורות יש כבר בעיה. אין מאפיין VALIGN כמו שיש לתג P?

אולי כדאי לעשות את התג P כINLINE? נשמע קצת מגעיל...

עריכה: לא עובד.

[BURTON]

כשאני משתמש בPADDING, אני אמור להכניס מספר קבוע.

אתה יכול להכניס גם אחוזים

[Ghosthunter]

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

[BURTON]

http://www.codingforums.com/showthread.php?t=83497

[Ghosthunter]

תודה. כנראה ה- line-height משפיע הצורה כלשהי.

טוב, זה מה שגיליתי:

<div style="height: 200px; line-height: 200px; background-color: #00f; ">
<img src="[url]http://www.codingforums.com/images/statusicon/post_old.gif"/> [/url]
</div>

כאשר במקום ה- img צריך לבוא כל דבר(טקסט, קישור או כל דבר אחר). זה עובד טוב מאוד ב- FF(כפי שהדברים צריכים לעבוד), אך לא עובד ב- IE(שם זה עובד רק אם יש טקסט בלבד בתוך הDIV). שימו לב שהHEIGHT וה LINE-HEIGHT צריך להיות אותו דבר.

יהייה נחמד אם אמצא משהו שיסדר את התמונות באמצע במקרה של IE.

שימו לב שאסור שהגובה יהייה באחוזים, מכיוון שאז הוא יתייחס לגובה של הטקסט ולא של האיזור המכיל.

[Milford Cubicle]

אתה יכול לקבוע את ה-CSS כך שהוא יפעל ב-FF כמו שצריך, ואז להכניס את הקוד שיגרום לו לפעול ב-IE בתוך טאג:

<!--[if IE]>
<style>
</style>
<![endif]-->

[Ghosthunter]

יכולים גם לרשום _ לפני שם המאפיין. לדוגמא:

top: 100px; _top: 200px;

כך בFF או כל דפדפן אחר הגובה יהייה 100, אבל בIE הגובה יהייה 200.

הבעיה היא שאני לא יודע איך למרכז את התמונות בIE.