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

תחומים - פורום חרדי מקצועי

💡 רוצה לזכור קריאת שמע בזמן? לחץ כאן!
  1. דף הבית
  2. תכנות
  3. עזרה בhtml תצוגת block

עזרה בhtml תצוגת block

מתוזמן נעוץ נעול הועבר תכנות
7 פוסטים 3 כותבים 491 צפיות
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • Sara RivkaS מנותק
    Sara RivkaS מנותק
    Sara Rivka
    כתב ב נערך לאחרונה על ידי Sara Rivka
    #1

    יש לי קובץ CSS שעשיתי בו נקודת שבירה ב750px.
    ברצוני שבנקודת שבירה זו לא יראו את התפריט אלא כשירחפו על תמונה מסויימת (burger).
    יש לי שתי בעיות:
    א. התפריט לא מוצג בblock. (למרות שהגדרתי אותו כך)
    ב. התפריט מוצג רק כשמגדירים את הריחוף על div (headr).
    אשמח לקבל עזרה בנושא, איך אני עושה שזה יהיה כמו שאני רוצה.

    נ.ב.
    זה ניתן במסגרת שיעורי בית, ושאלתי בנות נוספות, וא"א לא הסתדרה עם זה...

    מצורף הקוד
    index.html
    style.css

    תגובה 1 תגובה אחרונה
    0
    • Sara RivkaS מנותק
      Sara RivkaS מנותק
      Sara Rivka
      כתב ב נערך לאחרונה על ידי
      #2

      לגבי השאלה הראשונה הסתדרתי.
      (הייתי צריכה להגדיר את זה על ה.dropDown)
      אשמח לתשובה לשאלתי השניה.

      תגובה 1 תגובה אחרונה
      0
      • WheneverW מנותק
        WheneverW מנותק
        Whenever
        כתב ב נערך לאחרונה על ידי
        #3

        לא הבנתי את השאלה השנייה, אפשר בבקשה לפרט קצת יותר?

        Sara RivkaS תגובה 1 תגובה אחרונה
        0
        • Sara RivkaS מנותק
          Sara RivkaS מנותק
          Sara Rivka
          השיב לWhenever ב נערך לאחרונה על ידי
          #4

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

          I תגובה 1 תגובה אחרונה
          0
          • I מנותק
            I מנותק
            ivrtikshoret
            השיב לSara Rivka ב נערך לאחרונה על ידי
            #5

            @Sara-Rivka
            העליתי את זה לפה:
            https://jsfiddle.net/z4Lwynx9/
            אצלי זה עובד מצוין.

            Sara RivkaS תגובה 1 תגובה אחרונה
            2
            • Sara RivkaS מנותק
              Sara RivkaS מנותק
              Sara Rivka
              השיב לivrtikshoret ב נערך לאחרונה על ידי
              #6

              @ivrtikshoret גם לי זה עובד שכאשר מרחפים על התמונה התפריט נפתח כי זה חלק מהdiv.
              אני רוצה שזה יקרה רק כשירחפו על התמונה ולא כשירחפו על כל הdiv. (הdiv הוא header)

              כרגע זה כך:

               header:hover nav{
                      display: block;
                      text-align: start;
                      top: 8.5%;
                  }
              

              ואני רוצה שזה יהיה:

               #burger:hover nav{
                      display: block;
                      text-align: start;
                      top: 8.5%;
                  }
              

              תבדוק ותראה שזה לא עובד.

              תגובה 1 תגובה אחרונה
              0
              • WheneverW מנותק
                WheneverW מנותק
                Whenever
                כתב ב נערך לאחרונה על ידי Whenever
                #7

                זה בגלל שברירת המחדל של גודל התמונה היא נכנסת לתוך חלק מהheader.
                תגדירי את הגודל של התמונה,
                הנה דוגמא:

                #logo{
                    direction: rtl;
                    text-align: end;
                    position: fixed;
                    height: 200px;
                    width: 100%;
                }
                תגובה 1 תגובה אחרונה
                1

                בא תתחבר לדף היומי!
                • התחברות

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

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