שלח תשובה

זירת השאלות

572
צפיות
0
תשובות

אינני מצליח ליצור סיגנון לטופס עם labels

,‏ 10 ביולי, 2009

שלום,
רציתי שבטופס אותו אני בונה, הכותרות (labels) יוצמדו משמאל לשדות הקלט (text), כל כותרת תמצא מתחת לקודמתה, רוחב שטח הכותרות (width) יהיה קבוע וכותרת שגולשת (overflow) משטח הכותרות תתחיל בשורה מתחת (תתפוס 2 שורות). להלן הקוד שכתבתי:


<style type="text/css">
form div
{
  width: 100%;
  overflow: hidden;
}
label
{
  float: left;
  width: 5em;
}
</style>
</head>
<body>
<form method="post" action="whateverScript">
  <fieldset>
    <legend>Set up a phrase</legend>
      <div>
        <label for="txt1">First part:</label>
        <input type="text" id="txt1" />
      </div>
      <div>
        <label for="txt2">First part's color:</label>
        <input type="text" id="txt2" />
      </div>
      <div>
        <label for="txt3">Second part:</label>
        <input type="text" id="txt3" />
      </div>
      
  </fieldset>
</form>

וקיבלתי:




___Set up a phrase_____________________________________
             __________
First part  [__________]
             __________          
First part's[__________]_______
color    Second part[___________]

כלומר, כאשר label חורג מהשטח שהוקצה ל labels הוא ממשיך שורה חדשה וה label הבא ממשיך באותה שורה !
שאלתי היא: איזה סגנון עלי להחיל בכדי שכותרת החורגת מגבולותיה תרד לשורה הבאה והכותרת הבאה תתחיל בשורה חדשה ושדה הקלט שלה ירד למטה שורה נוספת כדי שיוצב סמוך לכותרת שלו ולא בסמוך לגלישת הכותרת הקודמת.
אשמח לקבל כל עזרה !
תודה

תגיות:

0 תשובות

    שלח תשובה

    חדש! אחסון אתרים של וובמאסטר

    שירות אחסון אתרים
    המקצועי של וובמאסטר!

    מומחים באירוח אתרי
    WordPress, Joomla, Drupal

    • שרתי לינוקס עם CloudLinux, LiteSpeed
    • 1GB דיסק SSD, 10GB תעבורה חודשית
    • ממשק ניהול cPanel, תעודת SSL חינם

    עכשיו במחיר היכרות:
    רק 420 ש"ח לשנה!