דילוג לתוכן
  • חוקי הפורום
  • פופולרי
  • לא נפתר
  • משתמשים
  • חיפוש גוגל בפורום
  • צור קשר
עיצובים
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • ברירת מחדל (ללא עיצוב (ברירת מחדל))
  • ללא עיצוב (ברירת מחדל)
כיווץ
מתמחים טופ
  1. דף הבית
  2. מחשבים וטכנולוגיה
  3. רשתות
  4. פיתוח ועיצוב אתרים
  5. Full Stack
  6. צד לקוח
  7. CSS3
  8. עזרה הדדית - CSS
  9. מירכוז תמונה / div ב css

מירכוז תמונה / div ב css

מתוזמן נעוץ נעול הועבר עזרה הדדית - CSS
15 פוסטים 7 כותבים 409 צפיות 5 עוקבים
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
תגובה
  • תגובה כנושא
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • ntzN ntz

    איך אני יכול למרכז תמונה או מקטע אחר ב css ??

    שלמה123ש מנותק
    שלמה123ש מנותק
    שלמה123
    מדריכים
    כתב ב נערך לאחרונה על ידי
    #4

    @ntz.
    האתר הכי טוב שיש!.
    כל השאר - תוספות!.

    מעצב

    תגובה 1 תגובה אחרונה
    0
    • פלורידהפ פלורידה

      @ntz אמר במירכוז תמונה / div ב css:

      איך אני יכול למרכז תמונה או מקטע אחר ב css ??

      או פה

      ntzN מנותק
      ntzN מנותק
      ntz
      כתב ב נערך לאחרונה על ידי
      #5

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

      שלמה123ש תגובה 1 תגובה אחרונה
      0
      • ntzN ntz

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

        שלמה123ש מנותק
        שלמה123ש מנותק
        שלמה123
        מדריכים
        כתב ב נערך לאחרונה על ידי שלמה123
        #6

        @ntz אמר במירכוז תמונה / div ב css:

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

        זה מרכוז טקסט - אתה לא טועה.

        מעצב

        ntzN תגובה 1 תגובה אחרונה
        0
        • שלמה123ש שלמה123

          @ntz אמר במירכוז תמונה / div ב css:

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

          זה מרכוז טקסט - אתה לא טועה.

          ntzN מנותק
          ntzN מנותק
          ntz
          כתב ב נערך לאחרונה על ידי
          #7

          @שלמה123 אמר במירכוז תמונה / div ב css:

          בוובמאסטר יש גם מרכוז תמונה.

          עברתי בקצרה, ולא מצאתי משהו..
          יש לך קישור?

          שלמה123ש תגובה 1 תגובה אחרונה
          0
          • ntzN ntz

            @שלמה123 אמר במירכוז תמונה / div ב css:

            בוובמאסטר יש גם מרכוז תמונה.

            עברתי בקצרה, ולא מצאתי משהו..
            יש לך קישור?

            שלמה123ש מנותק
            שלמה123ש מנותק
            שלמה123
            מדריכים
            כתב ב נערך לאחרונה על ידי
            #8

            @ntz אמר במירכוז תמונה / div ב css:

            @שלמה123 אמר במירכוז תמונה / div ב css:

            בוובמאסטר יש גם מרכוז תמונה.

            עברתי בקצרה, ולא מצאתי משהו..
            יש לך קישור?

            צודק.
            טעות.
            אבל במה שהביאו לך יש: https://reshetech.co.il/css/center-elements-with-css .

            מעצב

            תגובה 1 תגובה אחרונה
            1
            • ntzN ntz

              איך אני יכול למרכז תמונה או מקטע אחר ב css ??

              ב מנותק
              ב מנותק
              ב.ל
              כתב ב נערך לאחרונה על ידי ב.ל
              #9

              @ntz
              הדרך הפשוטה הוא ע"י הגדרת הmargin של ימין ושמאל ל-auto
              אם האלמנט מסוג בלוק (דהיינו ש'תופס' את כל המרחב האופקי) כמו div או p
              מספיק להגדיר כך

              div {
                 margin: 0 auto;
              }
              

              אך אם האלמנט הוא לא מסוג בלוק כמו תמונה צריך להגדיר שיהיה בלוק

              img {
                display: block;
                margin: 0 auto;
                }
              

              דרך חדישה יותר הוא להגדיר את אלמנט האב המכיל את האלמנט כך

              #parent {
                display: flex;
                justify-content: center;
              }
              
              שלמה123ש תגובה 1 תגובה אחרונה
              5
              • ב ב.ל

                @ntz
                הדרך הפשוטה הוא ע"י הגדרת הmargin של ימין ושמאל ל-auto
                אם האלמנט מסוג בלוק (דהיינו ש'תופס' את כל המרחב האופקי) כמו div או p
                מספיק להגדיר כך

                div {
                   margin: 0 auto;
                }
                

                אך אם האלמנט הוא לא מסוג בלוק כמו תמונה צריך להגדיר שיהיה בלוק

                img {
                  display: block;
                  margin: 0 auto;
                  }
                

                דרך חדישה יותר הוא להגדיר את אלמנט האב המכיל את האלמנט כך

                #parent {
                  display: flex;
                  justify-content: center;
                }
                
                שלמה123ש מנותק
                שלמה123ש מנותק
                שלמה123
                מדריכים
                כתב ב נערך לאחרונה על ידי
                #10

                @ב-ל
                לא לקחת את זה מאיזשהו מקום?

                מעצב

                ב זלמןז 2 תגובות תגובה אחרונה
                -1
                • שלמה123ש שלמה123

                  @ב-ל
                  לא לקחת את זה מאיזשהו מקום?

                  ב מנותק
                  ב מנותק
                  ב.ל
                  כתב ב נערך לאחרונה על ידי
                  #11

                  @שלמה123 אמר במירכוז תמונה / div ב css:

                  @ב-ל
                  לא לקחת את זה מאיזשהו מקום?

                  🙄

                  שמעת על גוגל?

                  יש כאילו מקום אחד ששם לומדים css ?????

                  שלמה123ש תגובה 1 תגובה אחרונה
                  1
                  • ב ב.ל

                    @שלמה123 אמר במירכוז תמונה / div ב css:

                    @ב-ל
                    לא לקחת את זה מאיזשהו מקום?

                    🙄

                    שמעת על גוגל?

                    יש כאילו מקום אחד ששם לומדים css ?????

                    שלמה123ש מנותק
                    שלמה123ש מנותק
                    שלמה123
                    מדריכים
                    כתב ב נערך לאחרונה על ידי
                    #12

                    @ב-ל אמר במירכוז תמונה / div ב css:

                    @שלמה123 אמר במירכוז תמונה / div ב css:

                    @ב-ל
                    לא לקחת את זה מאיזשהו מקום?

                    🙄

                    שמעת על גוגל?

                    יש כאילו מקום אחד ששם לומדים css ?????

                    כן.
                    אבל יש עוד כמה.

                    מעצב

                    מוטי אורןמ תגובה 1 תגובה אחרונה
                    0
                    • שלמה123ש שלמה123

                      @ב-ל אמר במירכוז תמונה / div ב css:

                      @שלמה123 אמר במירכוז תמונה / div ב css:

                      @ב-ל
                      לא לקחת את זה מאיזשהו מקום?

                      🙄

                      שמעת על גוגל?

                      יש כאילו מקום אחד ששם לומדים css ?????

                      כן.
                      אבל יש עוד כמה.

                      מוטי אורןמ מנותק
                      מוטי אורןמ מנותק
                      מוטי אורן
                      מדריכים
                      כתב ב נערך לאחרונה על ידי מוטי אורן
                      #13
                      פוסט זה נמחק!
                      שלמה123ש תגובה 1 תגובה אחרונה
                      3
                      • שלמה123ש שלמה123

                        @ב-ל
                        לא לקחת את זה מאיזשהו מקום?

                        זלמןז מנותק
                        זלמןז מנותק
                        זלמן
                        צוות פיקוח
                        כתב ב נערך לאחרונה על ידי
                        #14

                        @שלמה123 אמר במירכוז תמונה / div ב css:

                        לא לקחת את זה מאיזשהו מקום?

                        רק שאלה;
                        לא לקחת את ה🧠 מאיזשהו מקום?
                        ואולי לא הבנת מה זה האימוג'י - אז אני מתכוון לשכל..

                        כאן כדי לעזור!
                        ؜

                        תגובה 1 תגובה אחרונה
                        0
                        • מוטי אורןמ מוטי אורן

                          פוסט זה נמחק!

                          שלמה123ש מנותק
                          שלמה123ש מנותק
                          שלמה123
                          מדריכים
                          כתב ב נערך לאחרונה על ידי שלמה123
                          #15

                          @מוטי-אורן אמר במירכוז תמונה / div ב css:

                          @שלמה123 אתה מבין את מה שאתה כותב? בא בן אדם ומנסה לעזור על סמך הידע שיש לו, וככה אתה מגיב לו.. כל הכבוד.

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

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

                          כנראה שזה רק היה ממש דומה... .

                          מעצב

                          תגובה 1 תגובה אחרונה
                          1
                          • ב ב.ל התייחס לנושא זה ב
                          • אלישיא אלישי העביר נושא זה מ-CSS3 ב-

                          • התחברות

                          • אין לך חשבון עדיין? הרשמה

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