위의 사진처럼 만들어 보고 싶어서 만드는데
하지만 결과는 위의 사진이네요..
아래의 코드로 만들었습니다..
전체글보기와 자유게시판의 공백을 없애고 싶습니다.. ㅠㅠ
어떻게 해야할까요?
<br style="line-height:0.1">
<table cellpadding="0" cellspacing="0" class="NHN_Layout_Main">
<tbody>
<tr>
<!--0.로고-->
<td class="NHN_Layout_Preset">
<table width="165" height="165" cellpadding="0" cellspacing="0" class="Basicborder NHN_Layout NHN_Layout">
<tbody><tr>
<td style="padding:5px;vertical-align:top" class="NHN_Layout_Preset m-tcol-c"><img src="https://cafefiles.pstatic.net/MjAxODA3MDlfMjIz/MDAxNTMxMDc2OTIyMjk0.9rdWwe4ybR13-mQJLm9Wm8-ODFDOgfeooA6qLTCVDnYg.-Jic7enLTycc21rsjcoP82lkDH46G1W9fx3yFFOmcUwg.PNG.stjertmeis/%E3%85%87%E3%85%88%E3%85%81%E3%85%87%E3%84%B4%E3%85%8C%E3%85%8C%E3%85%8C%E3%85%8C%E3%85%8B%E3%85%8B%E3%85%8C.png" width="330" height="165" alt="대문이미지"></td>
</tr>
</tbody></table>
</td>
<!--1.공지사항-->
<td width="5" class="NHN_Layout_Space"></td>
<td class="NHN_Layout_Preset" style="font-size:0" valign="top">
<table width="165" height="165" cellpadding="0" cellspacing="0" class="Basicborder NHN_Layout">
<tbody><tr>
<td style="padding:5px;vertical-align:top" class="NHN_Layout_Preset m-tcol-c"><img src="https://cafefiles.pstatic.net/MjAxODA3MDlfMjA3/MDAxNTMxMDc2ODgzOTk0.Uvusw0icZtAZKT6PyGTiEFVTwDaGXw6rhvDYu1AljlIg.XcGudl1ND6vP0HHU2qbQCEBqOyqzQgOMIbLlGxaPFEAg.PNG.stjertmeis/1%EA%B3%B5%EC%A7%80%EC%82%AC%ED%95%AD.png" width="165" height="165" alt="대문이미지"></td>
</tr>
</tbody></table>
</td>
<!--2.이벤트-->
<td width="5" class="NHN_Layout_Space"></td>
<td class="NHN_Layout_Preset" style="font-size:0" valign="top">
<table width="165" height="165" cellpadding="0" cellspacing="0" class="Basicborder NHN_Layout">
<tbody><tr>
<td style="padding:5px;vertical-align:top" class="NHN_Layout_Preset m-tcol-c"><img src="https://cafefiles.pstatic.net/MjAxODA3MDlfMTM2/MDAxNTMxMDc2ODk0ODU0.LRg13KkLslXCY87yaCGVsGGd9mdN1w3LlRUHlEb77NAg.GC6ONBQpU70Yc4Qb9M-TrEnA3FtpidXpd0RizyJgEfYg.PNG.stjertmeis/2%EC%9D%B4%EB%B2%A4%ED%8A%B8.png" width="165" height="165" alt="대문이미지"></td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td height="5" style="font-size:0" class="NHN_Layout_Space"></td>
<td height="5" style="font-size:0" class="NHN_Layout_Space"></td>
<td height="5" style="font-size:0" class="NHN_Layout_Space"></td>
</tr>
<tr>
<!--3.전체글보기-->
<td class="NHN_Layout_Preset" valign="top">
<table width="165" height="165" cellpadding="0" cellspacing="0" class="Basicborder NHN_Layout">
<tbody><tr>
<td style="padding:5px;vertical-align:top" class="NHN_Layout_Preset m-tcol-c"><img src="https://cafefiles.pstatic.net/MjAxODA3MDlfMTQx/MDAxNTMxMDc2OTAxNTUz.3nmzVNp0trq8OgXe1tpJJ7aMNPH3TM5QfPzcPGiH5GEg.ySDxznkJtEuM8XNYhJAeN6_kqZx28LZcdp9IjrgZyo4g.PNG.stjertmeis/3%EC%A0%84%EC%B2%B4%EA%B8%80%EB%B3%B4%EA%B8%B0.png" width="165" height="165" alt="대문이미지"></td>
</tr>
</tbody></table>
</td>
<!--4. 자유게시판-->
<td width="5" class="NHN_Layout_Space"></td>
<td class="NHN_Layout_Preset" valign="top">
<table width="165" height="165" cellpadding="0" cellspacing="0" class="Basicborder NHN_Layout">
<tbody><tr>
<td style="padding:5px;vertical-align:top" class="NHN_Layout_Preset m-tcol-c"><img src="https://cafefiles.pstatic.net/MjAxODA3MDlfMTkg/MDAxNTMxMDc3NDM3NTg2.-oKAig7RNoTxASmB7HLamxn7xoTn_ZDaY-iOrYqJyNog.54kRliu5g3eqIbGyJz3Z1jNdhnA_JN82SVbSOOn7J5Eg.PNG.stjertmeis/4%EC%9E%90%EC%9C%A0%EA%B2%8C%EC%8B%9C%ED%8C%90.png" width="165" height="165" alt="대문이미지"></td>
</tr>
</tbody></table>
</td>
<!--5.통합신고-->
<td width="5" class="NHN_Layout_Space"></td>
<td class="NHN_Layout_Preset" valign="top">
<table width="165" height="165" cellpadding="0" cellspacing="0" class="Basicborder NHN_Layout">
<tbody><tr>
<td style="padding:5px;vertical-align:top" class="NHN_Layout_Preset m-tcol-c"><img src="https://cafefiles.pstatic.net/MjAxODA3MDlfMjMx/MDAxNTMxMDc2OTA4Mzk2.__in2bV7Mk_UbFXabCD0t9rO-OiI-XpEakV99oZN7Gkg.32qKdrJ6womAuk28fPTGv1NCUcA5TYPCsA0Y_JDB7r8g.PNG.stjertmeis/5%ED%86%B5%ED%95%A9%EC%8B%A0%EA%B3%A0.png" width="165" height="165" alt="대문이미지"></td>
</tr>
</tbody></table>
</td>
<!--6.통합질문-->
<td width="5" class="NHN_Layout_Space"></td>
<td class="NHN_Layout_Preset" valign="top">
<table width="165" height="165" cellpadding="0" cellspacing="0" class="Basicborder NHN_Layout">
<tbody><tr>
<td style="padding:5px;vertical-align:top" class="NHN_Layout_Preset m-tcol-c"><img src="https://cafefiles.pstatic.net/MjAxODA3MDlfMjUg/MDAxNTMxMDc2OTEzOTg2.gKPXRr26dg-nG2JGwbNosSN9coe-frpOwEIDUdOEIJ0g.PZ-txsZTTSoPcQMMSvx8Nd_C8kw2lZV6UaslOmrgLFgg.PNG.stjertmeis/6%ED%86%B5%ED%95%A9%EC%A7%88%EB%AC%B8.png" width="165" height="165" alt="대문이미지"></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
** 네이버 예시
** 제작하신 내용
로고가 있는 셀은 가로로 2개 병합시켜 주셔야 합니다.
아..아하..!(깊은 깨달음..)
흠.. 근데 어떻게 하는걸까요 핳(하지만 깨달음을 능가하는 지식의 한계)
div와 float을 이용해 보세요
반응형까지 고고싱
네모님이 말씀하신 내용과 같이 셀을 가로로 2개 병합시킨 예입니다
대단하당....
댓글 달기