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

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

- - [קידוד] - בIE נראה מצויין, בFF לא, למה ? (https://hosts.co.il/forums/showthread.php?t=41438)

[קידוד] - בIE נראה מצויין, בFF לא, למה ?

יש לי קידוד ,
בIE הקידוד נראה מצויין, בFF בכלל לא, למה ? מהי הבעיה ?

תודה לעוזרים |winky|
בן :)

הגדרות שהIE הוסיף והFF לא. תראה לנו את העמוד.

הנה, בבקשה -
תגיד לי בבקשה מה עלי להוסיף בכדי שזה יאה טוב גם ב FF,

קוד:

<html>

<head>

<title>GoldSystem - CMS</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1255">

</head>

<script language="JavaScript1.2">



function disableselect(e){

return false

}



function reEnable(){

return true

}



//if IE4+

document.onselectstart=new Function ("return false")



//if NS6

if (window.sidebar){

document.onmousedown=disableselect

document.onclick=reEnable

}

</script>

<body bgcolor="black">

<div align="center">

<table id="Table_01" width="801" height="601" border="0" cellpadding="0" cellspacing="0">

        <tr>

                <td colspan="8">

                        <img src="images/index_01.png" width="800" height="12" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="12" alt=""></td>

        </tr>

        <tr>

                <td colspan="7">

                        <img src="images/index_02.png" width="799" height="24" alt=""></td>

                <td rowspan="7">

                        <img src="images/index_03.png" width="1" height="210" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="24" alt=""></td>

        </tr>

        <tr>

                <td colspan="7">

                        <img src="images/index_04.png" width="799" height="105" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="105" alt=""></td>

        </tr>

        <tr>

                <td rowspan="15">

                        <div style="background-image:url(images/index05.png);background-repeat: no-repeat; width:528 px; height:420 px; font-size: 9pt">

                        <font face="arial" color="black"><p align="center">

                        <br />

                        - ברוכים הבאים<br />

                        !כאן תוכלו לערוך את אתרכם בקלילות, מערכת זו מגוונת באפשרויות רבות ופותחה בגרסאת דמו בלבד<br />

                        .ישנה אפשרות למכור את המערכת במחיר של 350 ש"ח, המחיר כולל את כל הקבצים<br />

                <td colspan="6">

                        <img src="images/index_06.png" width="271" height="23" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="23" alt=""></td>

        </tr>

        <tr>

                <td colspan="2" rowspan="15">

                        <img src="images/index_07.png" width="88" height="406" alt=""></td>

                <td colspan="3">

                        <div style="background-image:url(images/index08.png);background-repeat: no-repeat; width:144 px; height:22 px; font-size: 9pt">

                        <font face="arial" color="white"><p align="center">

                        : תפריט המערכת 

                <td rowspan="2">

                        <img src="images/index_09.png" width="39" height="29" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="22" alt=""></td>

        </tr>

        <tr>

                <td colspan="3">

                        <img src="images/index_10.png" width="144" height="7" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="7" alt=""></td>

        </tr>

        <tr>

                <td rowspan="14">

                        <img src="images/index_11.png" width="21" height="407" alt=""></td>

                <td colspan="3">

                        <div style="background-image:url(images/index12.png);background-repeat: no-repeat; width:162 px; height:18 px; font-size: 9pt">

                        <font face="arial" color="white"><p align="right">

                                                                        עריכת עמוד ראשי -

                <td>

                        <img src="images/spacer.gif" width="1" height="18" alt=""></td>

        </tr>

        <tr>

                <td colspan="3">

                        <img src="images/index_13.png" width="162" height="11" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="11" alt=""></td>

        </tr>

        <tr>

                <td rowspan="2">

                        <img src="images/index_14.png" width="1" height="30" alt=""></td>

                <td colspan="3">

                        <div style="background-image:url(images/index16.png);background-repeat: no-repeat; width:162 px; height:18 px; font-size: 9pt">

                        <font face="arial" color="white"><p align="right">

                                                                        עריכת עמוד ראשי -

                <td>

                        <img src="images/spacer.gif" width="1" height="18" alt=""></td>

        </tr>

        <tr>

                <td colspan="3">

                        <img src="images/index_16.png" width="162" height="12" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="12" alt=""></td>

        </tr>

        <tr>

                <td colspan="3">

                        <div style="background-image:url(images/index17.png);background-repeat: no-repeat; width:162 px; height:18 px; font-size: 9pt">

                        <font face="arial" color="white"><p align="right">

                                                                         עריכת עמוד ראשי -

                <td rowspan="2">

                        <img src="images/index_18.png" width="1" height="30" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="18" alt=""></td>

        </tr>

        <tr>

                <td colspan="3">

                        <img src="images/index_19.png" width="162" height="12" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="12" alt=""></td>

        </tr>

        <tr>

                <td rowspan="4">

                        <img src="images/index_20.png" width="1" height="61" alt=""></td>

                <td colspan="3">

                        <div style="background-image:url(images/index21.png);background-repeat: no-repeat; width:162 px; height:18 px; font-size: 9pt">

                        <font face="arial" color="white"><p align="right">

                                                                         עריכת עמוד ראשי -

                <td>

                        <img src="images/spacer.gif" width="1" height="18" alt=""></td>

        </tr>

        <tr>

                <td colspan="3">

                        <img src="images/index_22.png" width="162" height="13" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="13" alt=""></td>

        </tr>

        <tr>

                <td colspan="3">

                        <div style="background-image:url(images/index22.png);background-repeat: no-repeat; width:162 px; height:18 px; font-size: 9pt">

                        <font face="arial" color="white"><p align="right">

                                                                         בחזרה לאתר -

                <td>

                        <img src="images/spacer.gif" width="1" height="18" alt=""></td>

        </tr>

        <tr>

                <td colspan="3">

                        <img src="images/index_24.png" width="162" height="12" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="12" alt=""></td>

        </tr>

        <tr>

                <td colspan="3">

                        <div style="background-image:url(images/index25.png);background-repeat: no-repeat; width:162 px; height:18 px; font-size: 9pt">

                        <font face="arial" color="white"><p align="right">

                                                                         עריכת עמוד ראשי -

                <td rowspan="4">

                        <img src="images/index_26.png" width="1" height="257" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="18" alt=""></td>

        </tr>

        <tr>

                <td colspan="3" rowspan="3">

                        <img src="images/index_27.png" width="162" height="239" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="200" alt=""></td>

        </tr>

        <tr>

                <td>

                        <img src="images/index_28.png" width="528" height="9" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="9" alt=""></td>

        </tr>

        <tr>

                <td colspan="2">

                        <div style="background-image:url(images/index29.png);background-repeat: no-repeat; width:563 px; height:30 px; font-size: 9pt">

                        <font face="arial" color="white"><p align="left">

                        <br />

                        Designed by: TaiKaish.com & פותח ע"י  GoldSystem.co.il

                <td>

                        <img src="images/index_30.png" width="53" height="30" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="30" alt=""></td>

        </tr>

        <tr>

                <td>

                        <img src="images/spacer.gif" width="528" height="1" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="35" height="1" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="53" height="1" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="21" height="1" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="1" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="122" height="1" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="39" height="1" alt=""></td>

                <td>

                        <img src="images/spacer.gif" width="1" height="1" alt=""></td>

                <td></td>

        </tr>

</table>

</body>

</html>

אני לא בטוח שזה קשור, אבל הקידוד עומד בתקן והכל?
תנסה לבדוק באתר: http://validator.w3.org/
אני לא אומר שזו בהכרח הבעיה, אבל שווה לבדוק. |קורץ|

לא עומד בתקן בכלל, ויותר מזה... נחתך בצורה עלובה מאוד ב-ImageReady, על פי כל התמונות שמופיעות שם.
לפני שאתה רושם בניית אתרים ופיתוח אתרים, תלמד איך להרים אתר ב-HTML.

יש מדריך אולי לחתוך בצורה טובה?

ציטוט:

נכתב במקור על ידי Eli-Hai (פרסם 437932)

לא עומד בתקן בכלל, ויותר מזה... נחתך בצורה עלובה מאוד ב-ImageReady, על פי כל התמונות שמופיעות שם.
לפני שאתה רושם בניית אתרים ופיתוח אתרים, תלמד איך להרים אתר ב-HTML.

מישהו היה צריך להגיד את זה סופסוף..

אודי,
אני הבנתי את זה שהתמונות לא חתוכות הייטב,
ובשביל זה ביקשתי מדריך,
אז עם אתה מוכן לעזור, תעזור, ועם לא, אז לא .. :)

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

HTML - אני יודע.
אך אני מתקשה לקודד ב CSS,
תעזרו לי,
בבקשה :(

נהלים מסודרים והרגלי עבודה

תסגל לעצמך נהלים והרגלי עבודה מסודרים ותצליח להתגבר על זה:

א. לא כל מה שעובד ב-FF עובד ב-IE וההיפך ... ולא יעזור כלום (לדוגמא, CSS ל-SCROLLBAR)

ב. אבל, כלל אצבע טוב - תפתח בסביבת FF ובתשעים-ותשע אחוז מהמקרים זה ירוץ מושלם גם ב- IE.

ג. הרצת בדיקת קוד תקן לא תמיד מתאימה, כמו בבנית דפים דינמיית SSI ... לכן, אל תהיה עבד למספר ERROR אלא רק לאיכות שלהם.

Gold-System,
אתר תקני עובד עם Xhtml.

לא "יודעים" לקודד או "לא יודעים",
לומדים.

אתר מצווין הוא http://www.webmaster.org.il,
אתה יכול ללמוד שם Xhtml (תוספת לHtml אבל תקנית) וגם Css.

לשאלתך,
פיירפוקס לא מכיר בארתך כי הקוד לא תקני.
כדי שהוא יהיה תקני צריך ללמוד, ולשנות את רוב הקוד שהצגת.

אני מבין,
תוכלו להגיד לי מה צריך לשנות בקוד כדי שהוא יהיה תקני?
** אני לומד ולומד CSS, ולא הולך לי.

ציטוט:

נכתב במקור על ידי Gold-System (פרסם 438051)

אני מבין,
תוכלו להגיד לי מה צריך לשנות בקוד כדי שהוא יהיה תקני?
** אני לומד ולומד CSS, ולא הולך לי.

שוב, עצתי - תכתוב מחדש את העמוד תחת FF ותגלה לבד מה עובד ומה לא עובד ... רק בסוף תריץ תחת IE ותתחיל לשפר ולהתאים.

מאיפה ניתן להוריד את הפיירפוקס?

ציטוט:

נכתב במקור על ידי Gold-System (פרסם 438051)

אני מבין,
תוכלו להגיד לי מה צריך לשנות בקוד כדי שהוא יהיה תקני?
** אני לומד ולומד CSS, ולא הולך לי.

ברור שלא,
אני לא אשב איתך עכשיו ואתקן קוד שרובו דורש תיקון.

נתחיל מכך ש<html> לבד לא הולך ונוספו לו חברים,
נמשיך שבטבלה נפרדו width וheight והולך רק width.

מפה תמשיך אתה.

מה זה הולך ולא מצליח לי?
זה לא כזה מסובך.

אתה לומד קודים (לא את כולם - בסיסי),
. = class
#= Id
ריק = תג

לא קשה לבנות גליונות עיצוב,
צריך רצון וטוסיק.

אבל ב WebMaster אין אודות class.

ציטוט:

נכתב במקור על ידי Gold-System (פרסם 438066)

אבל ב WebMaster אין אודות class.

Class הינו חלק שאפשר להוסיף לקוד.

HTML קוד:

<div class="gold">כאן כותבים משהו</div>

בגליון:

HTML קוד:

.gold{

background-color: #ffffff

{

....

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

אני כרגע מתקין אצלי במחשב פיירפוקס,
נראה מה הבעיה.

אוקיי,
הפיירפוקס הותקן -
אני לא מצליח לראות מה הבעיה למה לא רואים טוב את הקידוד,
אני מנסה ומנסה, ולא מצליח!

עקשן, אהה?

ציטוט:

נכתב במקור על ידי Gold-System (פרסם 438078)

אוקיי,
הפיירפוקס הותקן -
אני לא מצליח לראות מה הבעיה למה לא רואים טוב את הקידוד,
אני מנסה ומנסה, ולא מצליח!

אתה ממש עקשן ... שים לב, פירסמת את ההודעה ב-12.3 בשעה 20:10 ועכשיו כבר 13.3 10:00 .... תראה כמה זמן ביזבזת בלבקש אחרים לפתור לך את הבעיה.

כל זה, במקום לקבל עצה טובה ממי שכבר יש להם ניסיון רב ... התקנת FF ועכשיו פשוט תבנה את הדף כולו מחדש ... בלי לעשות COPY ו-PASTE ... ותקפיד על כללים שהציגו לך כאן, כמו לדוגמא נושא Hight\Width ...

אחרי שתסיים לבנות את העמוד מחדש, ושירוץ ב-FF מושלם תחזור לכאן.

שיטת העבודה שלי, היא לפתוח את ה-PSD. אחרי שפתחתי את ה-PSD אני "מעלים" ליירים שמפריעים לי / שאני לא צריך לאותו דבר, ואז שומר את התמונה. לאחר מכן, אני פותח מסמך נקי, וכותב CSS. כל תמונה אני כותב ב-CSS, ומתאים אותה לשני הדפדפנים. אחרי שסיימתי את העבודה על אותה התמונה, אני עובר לתמונה הבאה. ללמוד CSS זה עניין של ניסיון, יש את Adobe (Macromedia) Dreamwaver, שמאפשר בניית Classים ב-CSS, על ידי ממשק פשוט שמתרגם את הבחירה שלך לקוד.

Dreamwaver - היא תוכנה קשה,
ואני לא מצליח נגיד ב CSS לשים תמונה מתחת לתמונה, למקם תמונה בצד שמאל \ ימין.
אני לא יודע גם איך לכתוב עליה ב CSS.
יש מצב לראות עבודות שלך, בבקשה? :)

בן.

Dreamwaver היא תוכנה כל כך פשוטה, אחרי מעט התנסות, מבינים מה רמת היעילות שלה, וכמה היא מסייעת למתחילים ב-HTML, CSS ושאר שפות שמישות.

בעיקרון, ב-Dreamwaver, ביצירת מסמך CSS, תוכל לכתוב מסמך CSS עם Highlight Syntax או שהתוכנה תיצור אותו בעבורך, באמצעות קריטריונים שונים, כמו למשל - תמונת רקע, פונט, גודל, צבע, אורך, רוחב וכו'. בקטע הזה, לומדים ומנסים. וגם אם בהתחלה לא זוכרים, אתה רושם אות, זה מראה לך פקודות ב-CSS שאפשר להיעזר בהם.

העבודה האחרונה שעשיתי היא Hosts-Bar, והיא הראשונה שלי עם DIVs, והיא נכתבה ב-XHTML תקין ו-CSS.

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

בן :)

ציטוט:

נכתב במקור על ידי Gold-System (פרסם 438262)

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

שכחתי להגיד,
90% מהעבודה זה CSS.