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

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

💡 רוצה לזכור קריאת שמע בזמן? לחץ כאן!
  1. דף הבית
  2. תכנות
  3. עזרה ביצירת כרטיסים מעוצבים עם גובה אחיד (CSS)

עזרה ביצירת כרטיסים מעוצבים עם גובה אחיד (CSS)

מתוזמן נעוץ נעול הועבר תכנות
6 פוסטים 4 כותבים 219 צפיות 4 עוקבים
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
תגובה
  • תגובה כנושא
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • צדיק תמיםצ מנותק
    צדיק תמיםצ מנותק
    צדיק תמים
    כתב ב נערך לאחרונה על ידי צדיק תמים
    #1

    ניסיתי להכין נגזרת מותאמת אישית של זה, במטרה להציג מעין "גלריה" של סרטוני יוטיוב (שבלחיצה עוברים לדף הסרטון, לא הטמעה), במבנה של תמונה, מתחתיה שם הסרטון המלא, ומתחת שם הזמר ותאריך.
    יצרתי כאן משהו די טוב, אבל הגובה של הכרטיס משתנה לפי האורך של שם השיר, וזה לא נראה טוב ככה...
    e6517c97-f052-40a4-84e5-94333023b141-image.png
    איך אני יכול לדאוג שיהיה גודל אחיד?
    בתודה...

    Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
    טיפים

    OdedDvirO dovidD איש נחמדא 3 תגובות תגובה אחרונה
    0
    • צדיק תמיםצ צדיק תמים

      ניסיתי להכין נגזרת מותאמת אישית של זה, במטרה להציג מעין "גלריה" של סרטוני יוטיוב (שבלחיצה עוברים לדף הסרטון, לא הטמעה), במבנה של תמונה, מתחתיה שם הסרטון המלא, ומתחת שם הזמר ותאריך.
      יצרתי כאן משהו די טוב, אבל הגובה של הכרטיס משתנה לפי האורך של שם השיר, וזה לא נראה טוב ככה...
      e6517c97-f052-40a4-84e5-94333023b141-image.png
      איך אני יכול לדאוג שיהיה גודל אחיד?
      בתודה...

      OdedDvirO מנותק
      OdedDvirO מנותק
      OdedDvir
      כתב ב נערך לאחרונה על ידי
      #2

      @צדיק-תמים תוסיף ב-CSS:

      .container h4 {
        word-break: break-word;
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
        -webkit-line-clamp: 4; /* number of lines to show */
        -webkit-box-orient: vertical;  height: 6rem;
      }
      

      כמעט מועתק לחלוטין מכאן.

      צדיק תמיםצ תגובה 1 תגובה אחרונה
      2
      • צדיק תמיםצ צדיק תמים

        ניסיתי להכין נגזרת מותאמת אישית של זה, במטרה להציג מעין "גלריה" של סרטוני יוטיוב (שבלחיצה עוברים לדף הסרטון, לא הטמעה), במבנה של תמונה, מתחתיה שם הסרטון המלא, ומתחת שם הזמר ותאריך.
        יצרתי כאן משהו די טוב, אבל הגובה של הכרטיס משתנה לפי האורך של שם השיר, וזה לא נראה טוב ככה...
        e6517c97-f052-40a4-84e5-94333023b141-image.png
        איך אני יכול לדאוג שיהיה גודל אחיד?
        בתודה...

        dovidD מחובר
        dovidD מחובר
        dovid
        ניהול
        כתב ב נערך לאחרונה על ידי
        #3

        השאלה איך לעזור לך, לכתוב HTML שיעשה מה שרצית?
        הHTML נראה מועתק ללא הרבה עיבוד או הבנה מצידך, כך שאני מנחש שאתה לא מחפש הסברים אלא "תכלס", אני צודק?

        • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
        • בכל נושא אפשר ליצור קשר dovid@tchumim.com
        צדיק תמיםצ תגובה 1 תגובה אחרונה
        0
        • OdedDvirO OdedDvir

          @צדיק-תמים תוסיף ב-CSS:

          .container h4 {
            word-break: break-word;
             overflow: hidden;
             text-overflow: ellipsis;
             display: -webkit-box;
            -webkit-line-clamp: 4; /* number of lines to show */
            -webkit-box-orient: vertical;  height: 6rem;
          }
          

          כמעט מועתק לחלוטין מכאן.

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

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

          Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
          טיפים

          תגובה 1 תגובה אחרונה
          0
          • dovidD dovid

            השאלה איך לעזור לך, לכתוב HTML שיעשה מה שרצית?
            הHTML נראה מועתק ללא הרבה עיבוד או הבנה מצידך, כך שאני מנחש שאתה לא מחפש הסברים אלא "תכלס", אני צודק?

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

            @dovid זה לא מדויק בכלל שזה ללא שינויים, זה נכון שלא התעמקתי בכל שורה בקוד אבל כן עבדתי עליו זמן רב להתאים אותו בדיוק לצרכיי, המקורי ממש לא התאים.
            באופן כללי אני אוהב ללמוד, אבל אכן הפעם המטרה לא ללמוד HTML/CSS אלא להשיג תוצאה מסוימת שנצרכת לי לצורך פרויקט גדול אחר 🙂

            Don’t comment bad code — rewrite it." — Brian W. Kernighan and P. J. Plaugher"
            טיפים

            תגובה 1 תגובה אחרונה
            1
            • צדיק תמיםצ צדיק תמים

              ניסיתי להכין נגזרת מותאמת אישית של זה, במטרה להציג מעין "גלריה" של סרטוני יוטיוב (שבלחיצה עוברים לדף הסרטון, לא הטמעה), במבנה של תמונה, מתחתיה שם הסרטון המלא, ומתחת שם הזמר ותאריך.
              יצרתי כאן משהו די טוב, אבל הגובה של הכרטיס משתנה לפי האורך של שם השיר, וזה לא נראה טוב ככה...
              e6517c97-f052-40a4-84e5-94333023b141-image.png
              איך אני יכול לדאוג שיהיה גודל אחיד?
              בתודה...

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

              @צדיק-תמים בעיקרון אתה צריך רק 2 פרמטרים.
              1 - height עם ערך הגובה הרצוי.
              2 - overflow עם הערך hiddeen או scroll.

              להיות איש נחמד זה מחייב...

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


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

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

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