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

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

- - עזרה בקידוד אתר (כבר מקודד) (https://hosts.co.il/forums/showthread.php?t=72538)

עזרה בקידוד אתר (כבר מקודד)

שלום חברים,
שלחתי עיצוב לקידוד, המקודד החזיר לי אותו מקודד אבל הוא מופיע בצד השמאלי של הדפדפן.
הוספתי בקובץ CSS בתחילת הקובץ
margin:0 auto;
זה סידר את העמוד לאמצע אבל חלק פנימי של האתר נשאר עדיין בצד ואני לא מצליח להבין את הסיבה. יש למישהו רעיון?

תעלה את הקידוד וניראה מה הביעה בקוד ,
וככה נוכל לפתור תבעיה

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

אז ככה,
כאן אתם רואים את הקידוד שהוא נראה נורמלי
http://www.enso.co.il/left

אחרי שאני הוספתי לCSS את הקוד
Margin:0 Auto;
הוא נראה ככה
www.enso.co.il

צירפתי לכם גם את הקוד של הקובץ CSS

HTML קוד:

[LEFT]

*{margin:0 auto;padding:0;}

h1 {border:0px; padding:0px; margin:0 auto;}



#head

{

    width:830px;

    height:146px;

}

#wrapper{width:830px;margin-right:10%;margin-left:10%}

body

{

            font-family: Arial, Helvetica, sans-serif;

            font-size: 3px;

            font-weight: normal;

            color: #666666;

            text-decoration: none;

    width:830px;

}



img{border:none;}

a.buttonText

{

    font-family:Arial;

    font-weight:bold;

    color:Black;

    text-decoration:none;

    position:relative; top:10px; left:20%;

}

.button

{

    background-image:url("images/button.jpg");

    width:117px;

    height:38px;

}

#presentation

{

    background-image:url("images/presentation.jpg");

    width:814px;

    height:173px;

    margin-left:0.25cm;

    margin-top:0.30cm;

}

.sideBoxPattern

{

    margin-top:0.4cm;

    margin-left:-0.4cm;

}

.sideBoxPattern2

{

    margin-top:0.4cm;

    margin-left:-0.4cm;

}

.rightSide{margin-top:-8.5cm;}

.rightSidePage2{margin-top:0.5cm;}

.rightBox{}

.rightBoxHeadText

{

    color:#5b5b5b;

    font-weight:bold;

    font-size:10pt;

    margin-right:20px;

}

.rightBoxHr

{

    background-image:url("images/RightBoxHr.jpg ");

    width:530px;

    height:5px;

}

.rightBoxHrPage2

{

    background-image:url("images/RightBoxHrPage2.jpg ");

    width:811px;

    height:5px;

    margin-right:1px;

}

.rightBoxImg

{

        width:99px;

    height:108px;

    top:-3.50cm;

    position:relative;

    background-image:url("images/img1.jpg");

}

.rightBoxImg2

{

    width:102px;

    height:106px;

    top:-3.50cm;

    position:relative;

    background-image:url("images/img2.jpg");

}

.rightBoxText

{

 width:421px;

 height:133px;

 margin-right:3cm;   

 margin-top:6px;

 font-weight:normal;

 font-size:14px;

 }

 .rightBoxTextPage2

{

 width:800px;

  font-size:14px;

 margin-top:6px;

 font-weight:normal;

 

 }

.rightSide2{margin-top:-3.35cm;}

.pack

{

    font-weight:bold;

    color:#325f72;

   margin-left:19px; 

}

.packHead

{

    background-image:url("images/packTop.jpg");

    width:188px;

    height:28px;

    font-style:italic;

    font-size:11pt;

}

.packMid

{

    background-image:url("images/packMiddle.jpg");

    width:188px;

    height:154px;

    color:Black;

}

.packFoot

{

    background-image:url("images/packBottom.jpg");

    width:188px;

    height:13px;

}

.packHr1

{

    background-image:url("images/pack1.jpg");

    width:184px;

    height:5px;

}

.packHr2

{

    background-image:url("images/pack2.jpg");

    width:178px;

    height:5px;

}

.packHr3

{

    background-image:url("images/pack3.jpg");

    width:184px;

    height:5px;

}

.packHr4

{

    background-image:url("images/pack4.jpg");

    width:184px;

    height:5px;

}

.packUl

{

    line-height:1.7em;

    margin-right:25px;

    font-weight:normal;

    font-size:10pt;

    

}

.packLi

{

        

        border-bottom:dotted 1px black;

        width:150px;

}

.packText{}

#footP

{

   

    font-weight:bold;

    color:#325f72;

    font-size:10pt;

    margin-left:28%;

    margin-right:15%;

    direction:rtl;

}

#foot

{

     background-image:url("images/footer.jpg");

    width:810px;

    height:5px;

    margin-left:108px;

}

#footP2

{

   

    font-weight:bold;

    color:#325f72;

    font-size:10pt;

    margin-left:30%;

    margin-right:30%;

    direction:rtl;

}

#foot2

{

     background-image:url("images/footer.jpg");

    width:810px;

    height:5px;

    margin-left:22px;

}

#tyBox

{

        background-image:url("images/tyBoxMid.jpg");

    color:Black;

    margin-left:10px;

    width:811px;

    height:68px;

    margin-top:1cm;

    margin-left:20px;

 }





[/LEFT]

תעיף את ה width מה body

מחק את הWIDTH מהBODY
את warpper שנה לזה:

ציטוט:

#wrapper{width:830px;margin-right:auto;margin-left:auto}

אם לא עוזר תוסיף ישר אחרי התג <body>
<div align="center"> ותמחק את הwarpper

בהצלחה

העפתי את הWIDTH לא עזר, שיניתי WEAPPER לא עזר ..
ניסיתי אחרי הBODY בHTML להוסיף DIV ALIGN במקום ה DIV ID=WRAPPER ובכלל הכל כאן הלך לאיבוד..

אני מתחיל להתייאש.. כנראה שיש גם מקודדים לא הכי טובים :)

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

פשוט לא שווה התעסקות.

דווקא נראה קידוד סביר למדי.
כנראה שלא היתי מובן, תעיף את הwidth מה body ותסיף margin: 0 auto; לwrapper.
זה מסדר הכל חוץ מהfooter (שלא בתוך ה wrapper).

ציטוט:

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

קידוד סביר למדי עם 73 שגיאות ב W3C?
מצטער, אך אותו הבנאדם פשוט לא יודע לקודד.

דבר נוסף, אין צורך להוסיף height ב head.