게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
html과 css 과제중 도와주세요...ㅠㅠ
게시물ID : programmer_16649짧은주소 복사하기
작성자 : 양념징어
추천 : 0
조회수 : 385회
댓글수 : 3개
등록시간 : 2016/04/11 11:12:28
옵션
  • 본인삭제금지
안녕하세요? 저는 대학교에 다니고 있는 학생입니당..
웹 디벨롭먼트 기초 강의를 듣고있는데 홈페이지를 만들고 있습니다
연락처 정보에 피드백 폼을 만들고 있는데요..

사진 커다랗게 나온점 죄송합니다
원래 예제는 이렇게 나와야 해요

22.png


그런데 저는 아무리 해봐도 이렇게 나옵니다 ㅠㅠ
Message 창을 보시면 예제에 나와있는 것과 달리 높이가 넓어지질 않았어요
height를 75 px로 하라고 해서 아무리 고쳐봐도 저렇게 창이 나와요,,,
이메일과 전화번호는 개인정보기때문에 가렸습니다

3.png


제가 html에 적은 코드는

        <h3>Feedback Form</h3>
        <form action="http://webdevbasics.net/scripts/demo.php" method="post">
            <label for "contact_name">Name:</label>
            <input type="text" name="contact_name" id="contact_name" maxlength="50" required>
            
            <label for "email_address">Email Address:</label>
            <input type="email" name="email_address" id="email_address" maxlength="50" required>

            <label for "phone_number">Phone Number:</label>
            <input type="tel" name="phone_number" id="phone_number" maxlength="50">

            <label for "purpose">Purpose:</label>
            <select name="purpose">
                <option value="">Please Select a Purpose</option>
                <option value="comment">Site Comment</option>
                <option value="question">General Question</option>
                <option value="employment">Employment Opportunity</option>
                <option value="message">Personal Message</option>
            </select>

            <label for "message">Message:</label>
            <input type="textarea" name="contact_message" id="contact_message" required>

            <input type="submit">
        </form>


그리고 css 에 적용한 코드는

label{
    display: block;
    float: left;
    clear: left;
    width: 150px;
    font-style: bold;
}

input, textarea,select{
    display: block;
    width: 300px;
    margin-bottom: 5px;
    margin-left: 150px;
}

textarea{
    height: 75px;
}

입니다...
교수님이 주신 설명서에 보면 input, textarea, select에 저렇게 declaration을 하라고 나와있고
textarea는 또 다른 selector 안에 height를 75px 로 설정하라고 나와있어요.
제가 한게 어디서 틀렸을까요?ㅠㅠ
몇시간째 끙끙 앓다가 글 올려봅니다... 꼭 도와주시면 정말 감사하겠습니다 ㅠㅠ
전체 추천리스트 보기
새로운 댓글이 없습니다.
새로운 댓글 확인하기
글쓰기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호