שלח תשובה

זירת השאלות

615
צפיות
5
תשובות

כל דפדפן עושה שטות אחרת (FLOAT בCSS

,‏ 15 בינואר, 2007

שלום, אני מנסה לעשות דבר פשוט למדי – שהאות הראשונה בפסקה מסויימת תהיה גדולה ו"צפה לימין", כלומר – לא יוצאת מגובה הטקסט למרות היותה גדולה יותר. ניסיתי כך [מן הסתם שלא כך בדיוק .. זה רק קיצור הדברים]:


<html>
<head>
<style>
p:first-letter {
    float: right;
    font-size: 250%;
}
body {
    direction: rtl;
}
p {
    text-align: justify;
    width: 300px;
}
</style>
</head>
<body>
<p>
כישחדיכלחשדיכלח כלחדשיכלחגדיכ דשיכחדשגי כלחדגשכילחךגדיכלח דשלחכך גדלשחי לחדגי חדגכילךכי דעישג חיגדשכ ךדגשכי דחלכש לךשכגדי כידגשךכל דגלחשכ לחכדשג לחדגישכל ךדגשי כלדשיכ דיגש ךדשיכ לדגשי ךגכד שלחכ ידשלחכי לגדשיכלגדכי לדגש כ דשכל חךייג דלחדכשי ךכישד ילחגדשי  גדשכי גדשיכ דגיכדשגילכךי שדי דשיכ לדשגיכ לחגשדי לךשידי שכךשכימגכ ידש כךליכ שישגדכי לשךכילחדשג ידשכלי לגדשילח ככי שךלדכי כחלדכג י שחלכג ךיכגדשחלכ דגשךל כלחגכשדיכגדךשלכח לשדשדל חיכ שגיכךכ גשליךכ לךחגדשחלכגד חלשדחלכ דשג ךכלידגשכ חלדשי דגלכ ךיחגדשכ דשגגדכ דשגכ שכי שדגגדשכ גד גדל גדשך גחדכ לחחכד שךד
</p>
</body>
</html>

אך כשניסיתי להריץ את זה על IE זה משום מה הגדיל את האות, אך האות לא צפה – היא בולטת מהשורה.
אבל אז חשבתי – בטח FF יעשה משהו יותר נורמאלי – ולא כך… הFF אומנם באמת עשה את האות צפה, אך – הוא הכפיל את האות ..
אשמח אם תוכלו לתקן לי את הקוד כך שיפעל כמו שצריך .. ניסיתי כל מיני דברים וכלום לא עזר :S

תגיות:

5 תשובות

  1. אמממ…
    לא יצא לי לעבוד עם המאפיין הזה…

    המלצה שלי – פשוט תכניס את האות הראשונה לתג div ותציף אותה ימינה, הכל יעבוד טוב.

  2. xZiPeR הגיב:

    זה פועל אבל…
    ראשית – תודה שאתה מנסה לעזור 🙂
    ועכשיו – זה פועל כשאני עושה את האות הראשונה בDIV משלה במקום להשתמש ב":first-letter", אבל – זה קצת בעייתי להפריד את האות הראשונה כל פעם – העמוד הוא לא עמוד סטאטי, אלא עמוד שהתוכן בו מתמלא מתוך XML ע"י JS .. כך שזה דיי בעייתי לבודד את האות הראשונה.
    בכל אופן, אם אני לא אמצא דרך אחרת, כנראה שאני אחפש שיטה להפריד את האות.

    בתודה רבה, אור.

  3. דווקא מאוד פשוט להפריד את האות
    הראשונה… תשתמש ב-substr…

  4. xZiPeR הגיב:

    לא הכרתי את הפונקציה
    לא הכרתי את הפונקציה אבל עכשיו הרצתי חיפוש בגוגל וגיליתי שזה באמת קל מאוד. תודה רבה על העזרה 🙂

שלח תשובה

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

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

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

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

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