div코딩 소스질문드립니다. 정보
div코딩 소스질문드립니다.본문
<style>
/*index 상단 메뉴*/
#idx_menu {width:100%; height:100%; padding:15px 0; display:inline-block; background:url('<?=$g4[path]?>/images/cloth_alike.png');}
#idx_m_left {float:left; width:50%; padding:0px; margin:0; }
#idx_m_left div {float:right; text-align:center; width:100px; border:1px solid #fff; background:#fff;font:bold 13px dotum;color:#555; padding:15px 10px; margin:10px;}
#idx_m_right {float:right; width:50%; padding:0px; margin:0;}
#idx_m_right div {text-align:center; width:100px; border:1px solid #fff; background:#fff;font:bold 13px dotum;color:#555; padding:15px 10px; margin:10px;}
#idx_menu .idx_m_in img {margin-bottom:10px;}
</style>
<div id="idx_menu">
<div id="idx_m_left" class="idx_m_in"><div class="round10 shadow35" onclick="location.href='<?=$g4[path]?>/cardeal/car_search.php?ct_type=kor'"><img src="<?=$g4[path]?>/images/car.png" height="30"><br>국산중고차</div></div>
<div id="idx_m_right" class="idx_m_in"><div class="round10 shadow35" onclick="location.href='<?=$g4[path]?>/cardeal/car_search.php?ct_type=foreign'"><img src="<?=$g4[path]?>/images/foreign.png" height="30"><br>수입중고차</div></div>
<div id="idx_m_left" class="idx_m_in"><div class="round10 shadow35" onclick="location.href='<?=$g4[path]?>/cardeal/car_sell_form.php?sc_type=buy'"><img src="<?=$g4[path]?>/images/car_buy.png" height="30"><br>차량구매문의</div></div>
<div id="idx_m_right" class="idx_m_in"><div class="round10 shadow35" onclick="location.href='<?=$g4[path]?>/cardeal/car_sell_form.php?sc_type=sell'"><img src="<?=$g4[path]?>/images/car_sell.png" height="30"><br>차량판매문의</div></div>
<div id="idx_m_left" class="idx_m_in"><div class="round10 shadow35" onclick="location.href='<?=$g4[path]?>/community.php'"><img src="<?=$g4[path]?>/images/talk.png" height="30"><br>커뮤니티</div></div>
<div id="idx_m_right" class="idx_m_in"><div class="round10 shadow35" onclick="location.href='<?=$g4[path]?>/cardeal/my_car_list.php'"><img src="<?=$g4[path]?>/images/manager.png" height="30"><br>나의매물</div></div>
</div>
현재 이소스인데
6개 가 출력되는데
9개로 출력되게 변경하고싶습니다
이미지첨부합니다
변경된 소스좀 알려주세요 ㅠㅠ
/*index 상단 메뉴*/
#idx_menu {width:100%; height:100%; padding:15px 0; display:inline-block; background:url('<?=$g4[path]?>/images/cloth_alike.png');}
#idx_m_left {float:left; width:50%; padding:0px; margin:0; }
#idx_m_left div {float:right; text-align:center; width:100px; border:1px solid #fff; background:#fff;font:bold 13px dotum;color:#555; padding:15px 10px; margin:10px;}
#idx_m_right {float:right; width:50%; padding:0px; margin:0;}
#idx_m_right div {text-align:center; width:100px; border:1px solid #fff; background:#fff;font:bold 13px dotum;color:#555; padding:15px 10px; margin:10px;}
#idx_menu .idx_m_in img {margin-bottom:10px;}
</style>
<div id="idx_menu">
<div id="idx_m_left" class="idx_m_in"><div class="round10 shadow35" onclick="location.href='<?=$g4[path]?>/cardeal/car_search.php?ct_type=kor'"><img src="<?=$g4[path]?>/images/car.png" height="30"><br>국산중고차</div></div>
<div id="idx_m_right" class="idx_m_in"><div class="round10 shadow35" onclick="location.href='<?=$g4[path]?>/cardeal/car_search.php?ct_type=foreign'"><img src="<?=$g4[path]?>/images/foreign.png" height="30"><br>수입중고차</div></div>
<div id="idx_m_left" class="idx_m_in"><div class="round10 shadow35" onclick="location.href='<?=$g4[path]?>/cardeal/car_sell_form.php?sc_type=buy'"><img src="<?=$g4[path]?>/images/car_buy.png" height="30"><br>차량구매문의</div></div>
<div id="idx_m_right" class="idx_m_in"><div class="round10 shadow35" onclick="location.href='<?=$g4[path]?>/cardeal/car_sell_form.php?sc_type=sell'"><img src="<?=$g4[path]?>/images/car_sell.png" height="30"><br>차량판매문의</div></div>
<div id="idx_m_left" class="idx_m_in"><div class="round10 shadow35" onclick="location.href='<?=$g4[path]?>/community.php'"><img src="<?=$g4[path]?>/images/talk.png" height="30"><br>커뮤니티</div></div>
<div id="idx_m_right" class="idx_m_in"><div class="round10 shadow35" onclick="location.href='<?=$g4[path]?>/cardeal/my_car_list.php'"><img src="<?=$g4[path]?>/images/manager.png" height="30"><br>나의매물</div></div>
</div>
현재 이소스인데
6개 가 출력되는데
9개로 출력되게 변경하고싶습니다
이미지첨부합니다
변경된 소스좀 알려주세요 ㅠㅠ
댓글 전체
width 값을 30% 정도씩 주고 왼쪽 div에 float:left, 중앙의 div도 float:left, 오른쪽 div에 float:right로 구성하시면 될 듯 합니다.