שלח תשובה

זירת השאלות

592
צפיות
13
תשובות

לא מצליח להגדיר גודל הInput בCSS

,‏ 31 במאי, 2005

שלום
אני מנסה להגדיר את גודל הInput שיש לי באתר (width: 180px; height: 17px) כשהאינפוט מוגדר כמשתנה אליו אני ניגש במסמך הCSS, רק שכשאני מנסה לשנות גודל הInput ע"H קביעתו כמשתנה אני פשוט לא מצליח לשנות לו את הגודל…דברים אחרים אני כן מצליח, ורק גודל לא. מה שכן אם אני פשוט מגדיר את הInput ללא משתנה אני כן מצליח לשנות את הגודל, אבל זה לא ממש עוזר לי משום שאני צריך כמה גדלים של Input באתר.
אשמח לעזרה, תודה.

תגיות:

13 תשובות

  1. BINI הגיב:

    בבקשה
    כך מוגדר עכשיו האינפוט במסמך הCSS:


    input {
        width: 150px; height: 17px;
    }

    וכך כתוב הדף:


      <form name="ClubForm" method="get"><h3>הרשמה למועדון הלקוחות</h3>
      <h5>פרטי העסק</h5>
      <table>
          <tr>
            <td><div id="clubSpeicel">שם העסק</div></td><td><div id="clubInput"><input type="text" name="buisnessName"></div></td>
          </tr>
          <tr>
            <td><div id="clubText">שם בעל העסק</div></td><td><div id="clubInput"><input type="text" name="buisnessOwner"></div></td>
          </tr>
          <tr>
            <td><div id="clubText">דואר אלקטרוני</div></td><td><div id="clubInput"><input type="text" name="email"></div></td>
          </tr>
          <tr>
            <td><div id="clubText">טלפון</div></td><td><div id="clubInput"><input type="text" name="Phone"></div></td>
          </tr>
      </table>
      <h5>פרטים אישיים (אופציונלי)</h5>
      <table>
          <tr>
            <td><div id="clubText">תאריך לידה</div></td><td><div id="clubInput"><input type="text" name="birthday"></div></td>
          </tr>
          <tr>
          <tr>
            <td><div id="clubText">טלפון נייד</div></td><td><div id="clubInput"><input type="text" name="Cellular"></div></td>
          </tr>
          <tr>
          <tr>
            <td><div id="clubText">מס' עובדים בעסק</div></td><td><div id="clubInput"><input type="text" name="employeeNum"></div></td>
          </tr>
            <td></td><td><a href="" onclick="FormChecker();"><div id="send2"><img border="0" src="imagesSend.gif"></div></a></td>
          </tr>
        </table>
      </form>  

  2. BuildHome הגיב:

    אתה לא מצליח
    לשנות את הגובה והרוחב? לא הכי הבנתי מה אתה רוצה לעשות.
    למה להשתמש ברוחב כשיש לך size?

  3. BINI הגיב:

    הבאתי דוגמא לאיך ששמתי את זה עכשיו
    אבל כשאני מנסה להגדיר את האינפוט בCSS כמשתנה זה לא הולך…(רק הגודל של האינפוט, כל השאר כן).
    לגבי הsize אתה מתכוון לInput Size? אם כן, למיטב ידיעתי זה לא מגדיר גם את הגובה של האינפוט, תקן אותי אם אני טועה…

  4. Silver Strike הגיב:

    CSS לא עובד עם משתנים….
    1. לא הבנתי למה אתה עוטף ב-div את שדות ה-input והטקסט. אתה יכול בקלות לציין ID או class לשדות עצמם.
    2. איך אתה מגדיר את ה-CSS?

  5. Silver Strike הגיב:

    ולא יכולה להיות לך יותר מהגדרת ID..
    אחת עם אותו הערך/שם.

  6. BINI הגיב:

    אחי אני באמת לא מבין אותך…
    אני אראה לכם מה אני מנסה לעשות ולא הולך…
    זה הדף באתר:


      <form name="ClubForm" method="get"><h3>הרשמה למועדון הלקוחות</h3>
      <h5>פרטי העסק</h5>
      <table>
          <tr>
            <td><div id="clubSpeicel">שם העסק</div></td><td><div id="clubInput"><input type="text" name="buisnessName"></div></td>
          </tr>
          <tr>
            <td><div id="clubText">שם בעל העסק</div></td><td><div id="clubInput"><input type="text" name="buisnessOwner"></div></td>
          </tr>
          <tr>
            <td><div id="clubText">דואר אלקטרוני</div></td><td><div id="clubInput"><input type="text" name="email"></div></td>
          </tr>
          <tr>
            <td><div id="clubText">טלפון</div></td><td><div id="clubInput"><input type="text" name="Phone"></div></td>
          </tr>
      </table>
      <h5>פרטים אישיים (אופציונלי)</h5>
      <table>
          <tr>
            <td><div id="clubText">תאריך לידה</div></td><td><div id="clubInput"><input type="text" name="birthday"></div></td>
          </tr>
          <tr>
          <tr>
            <td><div id="clubText">טלפון נייד</div></td><td><div id="clubInput"><input type="text" name="Cellular"></div></td>
          </tr>
          <tr>
          <tr>
            <td><div id="clubText">מס' עובדים בעסק</div></td><td><div id="clubInput"><input type="text" name="employeeNum"></div></td>
          </tr>
            <td></td><td><a href="" onclick="FormChecker();"><div id="send2"><img border="0" src="imagesSend.gif"></div></a></td>
          </tr>
        </table>
      </form>

    ובמסמך הCSS כתוב כך:


    #clubInput {
        width: 150px; height: 17px; font-size: 11px; color: blue; MARGIN: 0px 15px 0px 0px
    }

    הבעיה שכל מה שהגדרתי בCSS עובד חוץ מהwidth והheight.

  7. BuildHome הגיב:

    אתה צריך להגדיר
    את ה-ID בתוך ה-input ולא על תגית div.
    לא מומלץ להשתמש בזה למרות שזה יעבוד – זה פשוט לא תקני (מספר ID זהים באותו עמוד).

  8. BINI הגיב:

    איך אפשר לעשות את זה בצורה תקנית?
    האתר נבנה בתור פרוייקט לביה"ס ולכן הכתיבה חייבת להיות תקנית…איך אפשר לכתוב את מה שאני רוצה בצורה תקנית??

  9. somebody הגיב:

    את מה את השדה input?
    תכתוב ככה:


    <input type="text" style="width:100px;height:22px;" name="input" id="input" />

    הID שווה לNAME וכמובן שאת ה TYPE אתה יכול גם לשנות לPASSWORD או  כל דבר אחר.

  10. BINI הגיב:

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

  11. BINI הגיב:

    מה לא תקין בפונקצייה הבאה?
    יש לי טופס ובו שדה קלט ששמו מוגדר כ"Content" (<textarea name="content"</textare>.
    כתבתי פונקציה בJS שתפקידה לבדוק כי הוקלד לפחות תו אחד לשדה הקלט, רק שהפונקציה לא עובדת…
    זו הפונקציה שכתבתי:


      <script language="javascript">
      function FormChecker()
      {
        if (document.ContactUsForm.content.value.length !=0)
          {
            window.alert("לא הוזן תוכן הבקשה");
          }
      }
      </script>

    מה לא בסדר פה??

  12. זהר פלד הגיב:

    אולי אם היית מיישר לשמאל גם את הקוד
    של ה HTML, היה אפשר להבין מה לא תקין כאן…

שלח תשובה