이미지와 함께 텍스트 수직가운데정렬
꽃초롱
저 안에 들어간 글을 그림높이에 맡게 가운데로 오고싶게하고싶은데
table-cell 이랑 vertical-align 으로 하려는데 잘 안되네요
아시는분 코딩좀 알려주세요~ㅠㅠdiv id=tabClick
div class=tabmenu
ul
lia href=#chapel class=tabClickimg src=images/main/right_tab11_off.gif alt=채플 //a/li
lia href=#retreat class=tabClickimg src=images/main/right_tab12_off.gif alt=영성수련회 //a/li
/ul
/div
div id=tabcontent
div id=chapel
pa href=#img class=tab_pic src=images/main/cha_pic.gif alt= //p
P class=tabBrief만남의 중요성...휘트니 휴스턴과 바비 브라운/p
/div
div id=retreat
pa href=#img class=tab_pic src=images/main/ret_pic.gif alt= //p
P class=tabBrief졸업식/p
/div
/div
/div
------------------------css 부분------------------#tabClick .tabmenu ul li {float: left;}
#tabcontent #chapel, #tabcontent #retreat {border: 1px solid red;
clear: both;
height: 80px;
}
#tabcontent .tab_pic {
float: left;
}
#tabcontent .tabBrief { border: 1px solid red;
float: left;
width: 100px;
height: 80px;
}
위치만 해놓고 정렬을 못하고 있네요 ㅠㅠ 답변부탁합니다 ㅠㅠ~~~~~~
-
다솜
요래조래..display:table-cell...
-
솔길
하위 브라우저의 호환성을 고려한다면 td로 하는게 정신건강에 이롭습니다.
-
달님
저같은 경우 묶어있는 div에 margin_top값으로 조정했네요 div에 class나 id를 지정하구요~