높이 조절을 하고 싶은데... [기본이 부족한 노자]
알렉산더
코드
div style = padding : 20px;
ul
li style = clear :both ; height : 50px; width : 350px;background-color:#FFF ;
div style= width :153px; height : 50px; float :left ;
img alt=채널 src=../image/channel.png /
/div
div style = padding-left : 50px;vertical-align :middle; width : 50px; height : 50px;
input id=Checkbox1 type=checkbox checked = checked /
/div
/li
li style = clear :both ; height : 50px; width : 350px;background-color:#F7F7F7 ;
div style= width :153px; height : 50px; float :left ;
img alt=배너 src=../image/banner.png /
/div
div style = padding-left : 50px; vertical-align :middle; width : 50px; height : 50px;
input id=Checkbox2 type=checkbox checked = checked /
/div
/li
li style = clear :both ; height : 50px; width : 350px;background-color:#FFF ;
div style= width :153px; height : 50px; float :left ;text-align :left ;
img alt=골드 src=../image/gold.png /
/div
div style = padding-left : 50px;vertical-align :middle; width : 50px; height : 50px;
input id=Checkbox3 type=checkbox checked = checked /
/div
/li
/ul
/div
질문 : 체크박스를 앞의 그림에 맞게 중간 정도에 놓고 싶습니다. text-align : center를 해도 안먹히는데
이럴 땐 어케 해야 되는지요?
-
트레이
저도 배우는 입장이라, 정답이라 생각하지 말구요~
저는 css 이렇게 쓰거든요~
이미지도 background: url(about/img/n_point.jpg) no-repeat 100% -15%;
이렇게 css파일에다 넣어서써요~ 여러번 쓸일이 있다면요~
코드가 한결 가벼워진답니다~ -
연블루
div태그를 쓴 특별한 이유가....?
-
뿡뿡
그리고 하나 더있다면 앞의 그림의 높이가 각각 다를 경우 뒤의 체크박스도 높이가 각각 달라지는데 이럴 땐 실무적으로 어떻게 처리하는지요? 늘 CSS만 보면 어렵게 느껴지는 노자인데 고수님들 한수 부탁드립니다.
-
마징가
Style type=\text/css\
.ss{ width:153px; height:50px; }
.zz{ width:50px; vertical-align :middle;}
/Style
divtable
trtd class=\ss\img alt=\채널\ src=\../image/channel.png\ //TD
td class=\zz\input id=\Checkbox1\ type=\checkbox\ checked = \checked\ //td/tr
trt