Facebook
Twitter
RSSצפיות
תשובות
כל דפדפן עושה שטות אחרת (FLOAT בCSS
שלום, אני מנסה לעשות דבר פשוט למדי – שהאות הראשונה בפסקה מסויימת תהיה גדולה ו"צפה לימין", כלומר – לא יוצאת מגובה הטקסט למרות היותה גדולה יותר. ניסיתי כך [מן הסתם שלא כך בדיוק .. זה רק קיצור הדברים]:
<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 תשובות
אמממ…
לא יצא לי לעבוד עם המאפיין הזה…
המלצה שלי – פשוט תכניס את האות הראשונה לתג div ותציף אותה ימינה, הכל יעבוד טוב.
זה פועל אבל…
ראשית – תודה שאתה מנסה לעזור 🙂
ועכשיו – זה פועל כשאני עושה את האות הראשונה בDIV משלה במקום להשתמש ב":first-letter", אבל – זה קצת בעייתי להפריד את האות הראשונה כל פעם – העמוד הוא לא עמוד סטאטי, אלא עמוד שהתוכן בו מתמלא מתוך XML ע"י JS .. כך שזה דיי בעייתי לבודד את האות הראשונה.
בכל אופן, אם אני לא אמצא דרך אחרת, כנראה שאני אחפש שיטה להפריד את האות.
בתודה רבה, אור.
לא בDIV אלא בSPAN
דווקא מאוד פשוט להפריד את האות
הראשונה… תשתמש ב-substr…
לא הכרתי את הפונקציה
לא הכרתי את הפונקציה אבל עכשיו הרצתי חיפוש בגוגל וגיליתי שזה באמת קל מאוד. תודה רבה על העזרה 🙂