592
צפיות
צפיות
13
תשובות
תשובות
לא מצליח להגדיר גודל הInput בCSS
שלום
אני מנסה להגדיר את גודל הInput שיש לי באתר (width: 180px; height: 17px) כשהאינפוט מוגדר כמשתנה אליו אני ניגש במסמך הCSS, רק שכשאני מנסה לשנות גודל הInput ע"H קביעתו כמשתנה אני פשוט לא מצליח לשנות לו את הגודל…דברים אחרים אני כן מצליח, ורק גודל לא. מה שכן אם אני פשוט מגדיר את הInput ללא משתנה אני כן מצליח לשנות את הגודל, אבל זה לא ממש עוזר לי משום שאני צריך כמה גדלים של Input באתר.
אשמח לעזרה, תודה.
13 תשובות
הצג בבקשה קוד.
בבקשה
כך מוגדר עכשיו האינפוט במסמך ה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>
אתה לא מצליח
לשנות את הגובה והרוחב? לא הכי הבנתי מה אתה רוצה לעשות.
למה להשתמש ברוחב כשיש לך size?
הבאתי דוגמא לאיך ששמתי את זה עכשיו
אבל כשאני מנסה להגדיר את האינפוט בCSS כמשתנה זה לא הולך…(רק הגודל של האינפוט, כל השאר כן).
לגבי הsize אתה מתכוון לInput Size? אם כן, למיטב ידיעתי זה לא מגדיר גם את הגובה של האינפוט, תקן אותי אם אני טועה…
CSS לא עובד עם משתנים….
1. לא הבנתי למה אתה עוטף ב-div את שדות ה-input והטקסט. אתה יכול בקלות לציין ID או class לשדות עצמם.
2. איך אתה מגדיר את ה-CSS?
ולא יכולה להיות לך יותר מהגדרת ID..
אחת עם אותו הערך/שם.
אחי אני באמת לא מבין אותך…
אני אראה לכם מה אני מנסה לעשות ולא הולך…
זה הדף באתר:
<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.
אתה צריך להגדיר
את ה-ID בתוך ה-input ולא על תגית div.
לא מומלץ להשתמש בזה למרות שזה יעבוד – זה פשוט לא תקני (מספר ID זהים באותו עמוד).
איך אפשר לעשות את זה בצורה תקנית?
האתר נבנה בתור פרוייקט לביה"ס ולכן הכתיבה חייבת להיות תקנית…איך אפשר לכתוב את מה שאני רוצה בצורה תקנית??
את מה את השדה input?
תכתוב ככה:
<input type="text" style="width:100px;height:22px;" name="input" id="input" />
הID שווה לNAME וכמובן שאת ה TYPE אתה יכול גם לשנות לPASSWORD או כל דבר אחר.
תודה רבה אתה הראשון שמבין אותי… (
הצלחתי סופסוף….
ד"א בראש שלך לעזור לי שלא מעל גבי הפורום (זה פשוט קצת מסורבל ככה…)?
מה לא תקין בפונקצייה הבאה?
יש לי טופס ובו שדה קלט ששמו מוגדר כ"Content" (<textarea name="content"</textare>.
כתבתי פונקציה בJS שתפקידה לבדוק כי הוקלד לפחות תו אחד לשדה הקלט, רק שהפונקציה לא עובדת…
זו הפונקציה שכתבתי:
<script language="javascript">
function FormChecker()
{
if (document.ContactUsForm.content.value.length !=0)
{
window.alert("לא הוזן תוכן הבקשה");
}
}
</script>
מה לא בסדר פה??
אולי אם היית מיישר לשמאל גם את הקוד
של ה HTML, היה אפשר להבין מה לא תקין כאן…