• I would recommend changing the form errors from:

    <div id="errorArea">
        <p>You have the following error(s):</p>
        <ul>
            Your start and/or end time comes before the allowed Start Date to reserve. Please return to the time selection page and try again.<br>
            Your form data has been saved. When you choose a new time, your form will retain the information you have already
            filled out.
        </ul>
    </div>

    to:

    <div id="errorArea">
        <p>You have the following error(s):</p>
        <ul>
            <li>Your start and/or end time comes before the allowed Start Date to reserve. Please return to the time selection page and try again.</li>
            <li>Your form data has been saved. When you choose a new time, your form will retain the information you have already filled out.</li>
        </ul>
    </div>

    With this CSS added:

    style.css:

    ul {
        list-style-position: inside
    }
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Make form errors display a little better’ is closed to new replies.