1696
צפיות
צפיות
7
תשובות
תשובות
קו תחתון ב CSS
איך אני יכולה לקבוע את העובי של הקו התחתון של טקסט דרך CSS ? מה שקורה זה שבדפדפנים שונים הקו התחתון הוא בעובי שונה.
איך אני יכולה לקבוע את העובי של הקו התחתון של טקסט דרך CSS ? מה שקורה זה שבדפדפנים שונים הקו התחתון הוא בעובי שונה.
7 תשובות
Hover בתמונה – CSS
אני רוצה שכאשר העכבר על תמונה שהיא גם לינק אז הגבול שלה ישתנה. מה שעובד לי זה רק img:hover וזה עובד רק בפירפוקס משום מה. ניסיתי את הורציות img a:hover ו a:hover img . אני לא יכולה לעשות a:hover פשוט כי אז זה מסמן גבול גם במילים. מה הדרך הנכונה לעשות זאת ?
כמה שידוע לי את לא יכולה
אבל אני די בטוח שגודל, רוחב וסוג הגופן משפיעים.
את יכולה להתחכם – ולשים במקום underline מאפיין border שיחול רק בתחתית הקישור, לדוגמה
<a href="http://www.yahoo.com" style="text-decoration: none; border-bottom: 1px solid #000000;">Yahoo!</a>
מצטער על הדאבל
לא ראיתי את השאלה השניה
בכל אופן – זה באג ידוע באקספלורר וכמה שאני יודע הם סידרו את זה באקספלורר 7.
הדרך היחידה שעולה לי בראש לעשות את זה עכשיו היא עם אירוע javascript שיוסיף ויוריד מסגרת באירועים onmouseover ו onmouseout בהתאם.
בהצלחה!
הציעו לי את זה כבר..
לא כל כך מתאים לי הרעיון . בעיקרון אין בעיה שהקו התחתון ישאר כמו שהוא. אני חשבתי שניתן לקבוע אותו בגלל שפיירפוקס וב IE הוא נראה שונה. בפיירפוקס הוא מושפע מגודל הגופן וב IE לא. האם זהו עוד באג ידוע ב IE ?
וזה מסביר למה התעצבנתי כבר על ה IE
האם גם הקוד הזה לא עובד בגלל באג ?
a:hover img
{
border-width:50px;
}
נדמה לי
שצריך גם לרשום
border-style:solid;
2 בעיות ושאלה
בעיה 1: ב IE מופיע לי פס גלילה אופקי אפילו כשלא צריך. דאגתי לכך שהטקסט לא יגלוש מעבר לדף ע"י קביעת השוליים שלו אבל הפס גלילה אופקי ממשיך להופיע.
בעיה 2: אני שמה בדף טקסט מתוך בסיס נתונים. הטקסט כולל ירידות שורה. בדף הירידות האלו לא מופיעות כי זה מתייחס לרווחים כאל רווח אחד. ניסיתי לעטוף את הטקסט בתג PRE או לחלופין לקבוע white-space:pre. עכשיו הירידות שורה מופיעות אבל כל הגלישה נהרסת לי. כלומר הדף מוצג ללא גלישת טקסט.
שאלה ב CSS : מה ההבדל בין border ל outline ?