עבור לתוכן

אני צריכה עזרה ב CSS/HTML

על-ידי aerosmith
ב תכנות

Featured Replies

פורסם

שלום.

בניתי מספר עמודים באתר חדש שעשיתי..

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

זאת אומרת:

באנר

תוכן ימין, תוכן שמאל

תוכן למטה באורך של ימין ושמאל.

יש לי 3 עמודים באתר.

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

בבקשה תעזרו לי!

תודה.

  • ציטוט
    • פורסם

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

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

  • ציטוט
    • פורסם
    • מחבר

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

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

    תודה על התגובה.

    בדקתי, זה קורה בדפדפנים שונים.

    לגבי הקוד:

    /*comment*/

    body

    {

    margin:0px;

    background-color:#FFFF99;

    background-image:url('yourway.gif');

    background-repeat:no-repeat;

    background-attachment:fixed;

    background-position:99% 99%;

    }

    p

    {

    width:760px;

    padding-bottom:0px;

    padding-top:0px;

    padding-left:15px;

    padding-right:15px;

    border:5px solid black;

    margin:0px;

    margin-left:auto;

    margin-right:auto;

    background-color:skyblue;

    color:white;

    }

    #main

    {

    overflow-y:visible;

    width:800px;

    margin:0 auto;

    background-color:gray;

    clear:left;

    }

    #banner

    {

    background-color:#FFFF99;

    line-height:0px;

    }

    #banner img

    {

    border-radius:15px 35px 0px 0px;

    display:block;

    }

    #navigation

    {

    border:1px solid black;

    font-size:0px;

    background-color:white;

    width:100%-2px;

    }

    #left

    {

    width:600px;

    background-color:pink;

    overflow:hidden;

    float:left;

    min-height:400px;

    }

    #menu

    {

    width:180px;

    background-color:none;

    float:right;

    margin:0px auto;

    padding:10px;

    overflow:hidden;

    }

    #bottom

    {

    width:800px;

    background-color:skyblue;

    clear:both;

    font-size:3em;

    }

    #last

    {

    width:100%;

    background-color:black;

    color:white;

    }

    ul.b

    {

    list-style-type:square;

    background-color:none;

    margin:0px;

    }

    .b li

    {

    font-size:20px;;

    display:inline;

    margin:20px;

    }

    .c

    {

    list-style-type:square;

    background-color:none;

    }

    והאינדקס

    <!DOCTYPE html>

    <html>

    <head>

    <link rel="stylesheet" type="text/css" href="css.css">

    <title>Music Page</title>

    </head>

    <body>

    <div id="main" title="Container">

    <div id="banner"><?php include ("banner.htm"); ?></div>

    <div id="navigation"><?php include ("navigation.htm"); ?></div>

    <div id="left"><?php include ("left.htm"); ?></div>

    <div id="menu"><?php include ("menu.htm"); ?></div>

    <div id="bottom">

    hey

    </div>

    </div>

    <div id="last"><?php include ("last.htm"); ?></div>

    </body>

    </html>

    בבקשה תעזרו לי..

  • ציטוט

    • ארכיון

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

    עבור לרשימת הדיונים

    דיונים חדשים