אם אני כותב הרבה טקסט אז בין השורות אין רווח והשורות צמודות וקשה לקרוא
ואם אני עושה אינטר אחרי כל שורה אז יש רווח גדול מידי בין שורה לשורה
איך אני מגדיר רווח של 1.5 או 1.25 בין שורה לשורה בתוך הקוד בדף ה HTML ?
ואם אפשר אז איך אני קובע זאת בקובץ ה CSS שיחול על כל השורות בדף ?
תודה

דוגמא מה אני צריך לכתוב
ואם יש שורות שאני רוצה שישארו צמודות, איך אני קובע להם שלא יהיה רווח בינהם ?

לא תוכל ללמוד הכל על רגל אחת, אבל תוכל ללמוד את הדרוש לך בתוך פחות משעה.
פשוט למד CSS, אין צורך לדעת הכל, רק להבין את העקרון, מה זה, הצורות השונות שניתן להגדיר אותו וכדומה, לאחמ"כ כל בעיה בעיצוב שתתקלה בה תוכל לחפש רק את הקוד הרלוונטי ולפותרה.

במילה אחת: למד CSS, לא מדובר ביותר משעה של לימוד.

בלי ללכת ללמוד כעת CSS

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

הכל בחיוך

ואז הוא יבקש עוד פת לחם.
עדיף שיעבוד וירוויח לחם כמו שצריך

EVERYTHING SHOULD BE MADE AS SIMPLE AS POSSIBLE, BUT NOT ONE BIT SIMPLER
ALBERT EINSTEIN

כנראה שאלתי שאלה קשה והנה אני אקל עליכם כי עשיתי כמה נסיונות בעצמי

אם אני שם את השורה line-height: 150%; בקובץ CSS אז רק במוזילה נהיה רווח יפה בין השורות אבל לא באקספלורר
היכן אני צריך למקם את line-height: 150%;
דור המנהל נתן לי את התשובה אבל לא עזר עוד טיפה בכדי שעזרתו תהיה מושלמת (כנראה לא ידע שאני ממש חלש בתחום)

הצלחתי לשים את השורה line-height: 150%; גם בתוך קוד דף HTML בשורה של <div style= אבל שוב רק מוזילה הבין וביצע ואילו באקספלורר לא השתנו הרווחים

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

הפורום אמנם עוזר גם לחסרי ידע, אבל בד"כ העזרה יכולה לבוא רק מצידם. ללא רכישת הידע המתאים הם יצטרכו להעזר בפורום כל פעם שהם לא ידעו משהו...

ואילו האקספלורר לא
CSSזה הקטע ב
יש טעות ?

a:link {color: #0fbbba;
background-color: #fafafa;
text-decoration: none;
line-height: 15px;
font-size: 13pt;
font-family: Arial, "Times New Roman", serif;}

תודה על העזרה

זה נראה לי קשור ל-DTD.

ראה פה:
http://www.w3schools.com/css/css_re...e.asp#dimension

תסתכל על המספר שנמצא ב-W3C. המספר הוא 1... זאת אומרת שזה מתאים ל-CSS1.
ואם אני צודק, אז ה-DTD הבא: xhtml1-transitional , אינו מתאים ל-CSS1.

אז תבדוק אם יש לך xhtml1-transitional ....והחזר תשובה...

בכלל, תנסה גם להסיר את ה-DTD

עריכה:

והנה רשימה של DTD'ים: http://www.w3schools.com/tags/tag_doctype.asp

אין לי xhtml1-transitional
אבל בניתי דף חדש נקי ללא טבלה ואז כל השורות קיבלו רווח יפה גם באקספלורר
אבל ברגע שבניתי טבלה ושמתי בתוכה את השורות של הקישורים, השורות שבטבלה כבר לא קיבלו באקספלורר את הרווח שצריך להיות בין שורה לשורה
אבל במוזילה כן היה רווח יפה
כלומר משהו בטבלה תוקע את האקספלורר
וקוד בדף אצלי יש DTD בצורת קוד height וגם width שהם מידות גובה ורוחב של טבלה וכל מיני תמונות
בטלתי רק את הגובה וזה לא עזר ואם אני יבטל את הרוחב אז כל הטבלה תהרס ושאר העיצובים של התמונות
בטלתי גם את הרוחב בצורה זמנית וזה לא עזר
יש רעיון ? כי נראה לי לא הגיוני כאן משהו

תן לי בדיוק מה שבנית (את כל קוד ה-HTML) ואני אנסה לראות מה קורה...

דרך אגב, אם הבנתי אותך אז תנסה לשים לטבלה את המאפיינים cellspacing ו-cellpadding (שים לכל אחד את הערך '6' להשגת תוצאה משמעותית)

ליד תחילת כל קישור שמתי נקודה קטנה שהיא למעשה תמונה בצורה נקודה
כמו כאן שבכל תחילת קישור יש תמונת משולש קטנה http://www.uzit.co.il/kids.html
אם תסתכל אז לפני המילים נענע וואלה יש תמונה משולשת קטנה http://www.uzit.co.il/b.gif
אז אם אצלי אני מוריד את תמונת הנקודה הקטנה אז ישר יש רווח יפה בין השורות גם באקספלורר וגם בטבלה
אבל אם יש אפילו נקודה אחת בתחילת השורה או בשחילת הקישור אז אין רווח באקספלורר
ורק מוזילה מתנהג יפה ועושה רווחים

יש פתרון לכך ?

והתמונה הקטנטונת בגודל 3 פיקסלים הנה היא -
בחלק העליון של הדף יש דוגמאות לשורות עם רווח של 19PX ובחלק התחתון מתחת לטבלה יש דוגמא לשורות עם תמונה שלא קיבלו את הרווח באספלורר
רק במוזילה הרווח יפה
מי שיכול לומר איך אפשר שגם השורות עם התמונה הקטנה יקבלו רווחים ?


https://2006-uploaded.fresh.co.il/2...02/75455149.zip

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

אני בדקתי את העניין והפיתרון היחידי (והלא כל כך טוב) זה שתוסיף ב-CSS את הקוד הבא:

קוד:

 img
{
  position:absolute;
}

אבל אז זה ייראה מכוער....התמונה תהיה למעלה מעל הטקסט..

אין לי פיתרון אחר לבעיה..

ואכן התמונות עולות למעלה וזה מכער
אם בכל זאת תמצא או תקבל פתרון לבעייתי אני מאוד יודה לך
כי בהרבה אתרים יש את הנקודה והקישור באותה שורה ועם רווח סביר
ובטח יש איזה טריק או משהו
כמו זה http://www.uzit.co.il/kids.html

הרבה תודה על המאמץ והעזרה

תודה על המחמאה אבל אני לא כזה מוכשר חחחח
יש פה פי כמה וכמה יותר טובים ממני =)

נראה לי שהטריק באתר שהבאת זה שהם הקטינו את הכתב, ובצורה כזו אתה רואה את התמונה באמצע השורה ושהכל נראה טוב ויפה...

והם סידרו את הכל בטבלה עם TD ו-TR בגלל זה יש מרווחים בשורות.

אתה רוצה שזה יראה בדיוק כמו ביוזיט הזה?

הכי חשוב זה שהתמונה הקטנה כמו נקודה תהיה ישרה באותה שורה של השורה עם הקישור

כמו שאמרתי, הם הקטינו את הכתב בגלל זה התמונה נראית באמצע השורה....

לאו דווקא, תסתכל על הקובץ הבא - לא משנה כמה תשחק עם הגודל של הגופן (בגבולות הסביר, זה יהיה תקין)

אופס, לאקספלורר קצת קשה עם הקוד... תסתכל בפיירפוקס.

אבל הסתבכתי איך להכניס את זה לדף שלי שבניתי כי אני משתמש ב CSS חיצוני ובטבלה
מאוד יעזור לי אם תסתכל בקוד שהעלתי של הדף וה CSS ותראה אם אפשר לשלב משהו שיראה כמו שצריך ותעלה את הדף חזרה
הדף שהעלתי זה הדוגמא האמיתית למבנה הדף איך שהוא אמור להבנות
רק שאת הצבעים אני ישנה בסוף
https://2006-uploaded.fresh.co.il/2...06/13001747.zip


ועוד שאלה שלא קשורה אבל מסקרנת אותי אם ככה על הדרך מישהו יודע
איך באתר יוזיט רואים את התמונה הקטנה בצורה חץ שהשפיץ פונה שמאלה
ואילו אם אני מסתכל על התמונה בנפרד אז רואים את התמונה מלבן בלי צורת חץ
http://www.uzit.co.il/b.gif

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://www.uzit.co.il/b.gif]

וכך נראית התמונה של התמונה כשהיא לא בתוך דף אינטרנט אלא סתם בתוכנה לתצוגת תמונה

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

ולגבי בעייתך אני רואה שכבר נענית בהמשך.


המשך לילה מענג
ישראל