הוסטס - פורום אחסון האתרים הגדול בישראל - [XHTML]צריך פתרון לבעיה ידועה של ירידת שורה בקוד מקור

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

[XHTML]צריך פתרון לבעיה ידועה של ירידת שורה בקוד מקור

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

HTML קוד:

<div id="menu">

    <a href=""><img src="images/home.png" width="77" height="20" alt="" border="0" /></a>

    <a href=""><img src="images/news.png" width="77" height="20" alt="" border="0" /></a>

    <a href=""><img src="images/downloads.png" width="78" height="20" alt="" border="0" /></a>

    <a href=""><img src="images/gallery.png" width="77" height="20" alt="" border="0" /></a>

    <a href=""><img src="images/history.png" width="77" height="20" alt="" border="0" /></a>

    <a href=""><img src="images/forums.png" width="77" height="20" alt="" border="0" /></a>

    <a href=""><img src="images/ad_here.png" width="77" height="20" alt="" border="0" /></a>

    <a href=""><img src="images/contact_us.png" width="78" height="20" alt="" border="0" /></a>

    <a href=""><img src="images/english.png" width="77" height="20" alt="" border="0" /></a>

   </div>

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

ציטוט:

נכתב במקור על ידי mlnn (פרסם 530104)

איזה רווח?

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

כאילו אם אתה עושה ENTER ירידת שורה בnotepad, אז יש רווח בין תמונה לתמונה? ואתה רוצה שלא יהיה רווח כן?

נראה לי שזה יעזור לך:

HTML קוד:

img {

      margin:0;

      padding:0;

             }

שים את זה בCSS.

אתה מדבר על הזחות?
או Enter ממשי שרואים ב-html עצמו?

אני מדבר על הנטר כאילו ירידת שורה שרואים ב-HTML כמו שהראתי פה הקוד מחולק ל11 שורות ולא שורה אחת אז אם אני עופך אותו לשורה אחת אז הכל בסדר ואם הוא ככה אז יש רווח וכן ניסיתי כבר לשים קוד CSS וזה לא עזר

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

ציטוט:

נכתב במקור על ידי DCB (פרסם 530229)

אני יודע את הבעיה שלי חח אבל אני רוצה פתרון :( טוב בינתיים אני יעשה בלי רווח אבל אני עדיין יחפש פיתרון

אולי תנסה לעשות:

קוד:

display:inline

איכשהו משהו בסגנון?

חח לא שום קוד CSS שום דבר לא עוזר רק לעפוך את זה לשורה אחת זאת הדרך היחידה שעבדה לי חוץ מזה לא פועל כלום ניסיתי כמה דברים ב-CSS שום דבר לא מצליח חח אולי לשים את זה בקוד PHP ואז לעשות לזה trim ? מה דעתך על הראיון שלי? אפילו שזה עדיין בקוד מקור יהיה בשורה אחת נראה לי חח

אממ אתה יכול לשים את זה בטבלה, כך:

קוד:

<table cellpadding="0" cellspacing="0" border="0">

 <tr>

  <td><img ... /></td>

  <td><img ... /></td>

  <td> <img ... /></td>

 </tr>

</table>

חייב לעבוד, השאלה היא רק אם לא אכפת לך להשתמש בטבלה...

פיני זה סתם יותר קוד..
הצעה שלי תן לתמונות שמות ככה:img_1, img_2, img_3
ואז לולאה פשוטה בPHP שתתפוס שורה אחת בקוד מקור :)

הוא רצה איך אפשר לעשות בכמה שורות, זו דעתי.
ואין בעיה ביותר קוד...

הצלחתי! קבל:

קוד:

<div id="menu">

<a href=""><img src="images/home.png" width="77" height="20" alt="" border="0" /></a><!--

--><a href=""><img src="images/news.png" width="77" height="20" alt="" border="0" /></a><!--

--><a href=""><img src="images/downloads.png" width="78" height="20" alt="" border="0" /></a><!--

--><a href=""><img src="images/gallery.png" width="77" height="20" alt="" border="0" /></a><!--

--><a href=""><img src="images/history.png" width="77" height="20" alt="" border="0" /></a><!--

--><a href=""><img src="images/forums.png" width="77" height="20" alt="" border="0" /></a><!--

--><a href=""><img src="images/ad_here.png" width="77" height="20" alt="" border="0" /></a><!--

--><a href=""><img src="images/contact_us.png" width="78" height="20" alt="" border="0" /></a><!--

--><a href=""><img src="images/english.png" width="77" height="20" alt="" border="0" /></a>

   </div>

הירידת שורה היא בעצם הערה, כך שהדפדפן לא מתייחס להורדת שורה ולא עושה רווח!
(נבדק ופועל ב-IE6)
תהנה! =]

--אתם צריכים ללמוד איך עובדים על דפדפנים ;P --

ציטוט:

נכתב במקור על ידי hod206 (פרסם 530423)

הצלחתי! קבל:

קוד:

<div id="menu">

<a href=""><img src="images/home.png" width="77" height="20" alt="" border="0" /></a><!--

--><a href=""><img src="images/news.png" width="77" height="20" alt="" border="0" /></a><!--

--><a href=""><img src="images/downloads.png" width="78" height="20" alt="" border="0" /></a><!--

--><a href=""><img src="images/gallery.png" width="77" height="20" alt="" border="0" /></a><!--

--><a href=""><img src="images/history.png" width="77" height="20" alt="" border="0" /></a><!--

--><a href=""><img src="images/forums.png" width="77" height="20" alt="" border="0" /></a><!--

--><a href=""><img src="images/ad_here.png" width="77" height="20" alt="" border="0" /></a><!--

--><a href=""><img src="images/contact_us.png" width="78" height="20" alt="" border="0" /></a><!--

--><a href=""><img src="images/english.png" width="77" height="20" alt="" border="0" /></a>

   </div>

תודה רבה אחי יש לך יצירתיות בשמיים ;P אתה סוס רציני חח אפשר לנעול חח זה היה ממש טוב יצירת מופת עשית פה |winky|