כיצד לגרום לאתר להופיע במרכז עמוד האינטרנט

chips 1 · 2/4/16

כיצד לגרום לאתר להופיע במרכז עמוד האינטרנט

יצרתי אתר ב-html ו css ונתתי לתמונות ולשמות של התמונות
absolute positioning
העיצוב יצא כמו שרציתי אבל עכשיו אני רוצב שכל הגרפיקה תופיע במרכז עמוד האינטרנט.
באיזה קודים של html ןcss אני צריכה להשתמש?

עוץליגוץלי · 2/4/16

יש די הרבה אפשרויות.

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

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

קוד:

<!doctype html>
<html>
    <head>
        <title>Bla</title>
        <style type='text/css'>
			div.centered { position:absolute;  top:10%;  left:10%;  width:80%; height:80%; border:solid 1px black;}
        </style>
        <script type='text/javascript'>
            function Init() {
            }
        </script>
    </head>
    <body  id='body' onload='Init();'>
        <div class='centered'></div>
    </body>
</html>

IT goldman · 7/4/16

להכניס את כל האלמנטים ל DIV אחד גדול עם POSITION RELATIVE

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

בברכה, איתי
מחברת התוכנה itgoldman.com

כיצד לגרום לאתר להופיע במרכז עמוד האינטרנט

chips 1

New member

עוץליגוץלי

New member

IT goldman

New member