또 질문입니다.^^;;
휑하니
또 질문을 남깁니다. 제가 초보라서리... ^^;;
두번째 칸에 있는 textarea가 익스랑 파폭에서 다르게 배치게 되는데textarea를 감싸는 dd에 vertical-align:middle;, line-height도 줘 봤는데 중앙으로 안되더라구요.오똑해 해야되나요???
계속 질문 남겨 지송해요~~
-------------------------------------------------------html --------------------------------------------------
form id=d name=d method=post action=d
dl class=mail_box style=border-top:1px solid #ed2f21; margin-top:15px;
dt class=pop_title1主题/dt
ddinput type=text class=input_1 //dd
/dl
dl class=mail_box
dt class=mail_dt内容/dt
ddtextarea name=textarea rows=10 class=textarea_1/textarea/dd
/dl
dl class=mail_box
dt收件人/dt
dd
input type=text /
select name=select3
option口味/option
option口味1/option
option口味2/option
option口味3/option
/select
/dd
/dl
dl class=mail_box style=border-bottom:1px solid #ed2f21;
dt发件人/dt
ddinput type=text //dd
/dl
/form
-------------------------------------------------------css --------------------------------------------------
.mail_box{width:643px; border-bottom:1px solid #e3e3e0; overflow:auto;}
.mail_box dt{width:93px; text-align:center; padding:5px 0; background:#f7f7f6; line-height:20px; min-height:22px; _height:23px; font-size:13px; font-weight:bold;}
.mail_box dd{width:540px; padding:5px; margin:auto 0;}
.mail_box input{width:180px; height:19px; border:1px solid #c5c5c5;}
.mail_box .input_1, .mail_box .textarea_1{width:530px; border:1px solid #c5c5c5;}
.mail_box select{width:260px; height:19px; line-height:19px; border:1px solid #c5c5c5;}
.mail_box .mail_dt{width:93px; text-align:center; padding:5px 0; background:#f7f7f6; line-height:180px; min-height:180px; _height:155px; font-size:13px; font-weight:bold;}
-
찬놀
위의 상황에서 쓰는것도 괜찮은 마크업이라고 생각합니다^^*
-
꽃짱아
dt에 대한 정의를 dd에 텍스트로 서술하기 위한 용도이죠 ^^;
이슬님 말대로 그냥 써도 괜찮긴 하지만 저는 어째 용도가 정확히 지정되어있는 태그는 다른데다 못 쓰겠더군용; -
아이폰
음마나... dl dt dd는 그런 용도의 태그가 아니예요...
웹표준, 크로스브라우징 다 좋지만 시맨틱마크업도 중요합니다. -
적송
두분 모두 감사드립니다. ^^ 덕분에 해결되었습니다.
-
미즈
브라우져별 입력박스 여백 차이 같은데요...
height 값으로 고정시키시는게 좋지 않을까요 +_+?
그리고 각각 dl로 잡으시기보단 dl 하나에 dt, dd 로 여러번 반복해서 마크업 하는게 더 좋아 보일듯 해요~ -
도1도캣
음....dl은 정의할때 사용하는 거 아니에요?? 로그인 박스나 요런거 할때 사용하라구 해서 한건데..그리고 dl이라고 나눈 것은 점선때문에 그랬는데 수정했어요..^^ dl은 정확하게 언제 쓰는건가요??
-
두메꽃
.mail_box .textarea_1{height:200px; overflow:auto;}
height는 파폭에서 보이는 만큼 픽셀을 정해주시면 되구요.
overflow는 글자 넘어가면 스크롤바가 생기게 해주는 역할입니다.