- 6
- 도바킨
- 조회 수 2892
위의 사진처럼 만들어 보고 싶어서 만드는데
하지만 결과는 위의 사진이네요..
아래의 코드로 만들었습니다..
전체글보기와 자유게시판의 공백을 없애고 싶습니다.. ㅠㅠ
어떻게 해야할까요?
<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>
작성자
댓글 6
아..아하..!(깊은 깨달음..)
흠.. 근데 어떻게 하는걸까요 핳(하지만 깨달음을 능가하는 지식의 한계)
div와 float을 이용해 보세요
반응형까지 고고싱
<!DOCTYPE HTML> <html lang="ko"> <head> <meta charset="UTF-8" /> <title>HTML5 Edit</title> </head> <body> <!--Nemo's NHN Layout--> <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.전체글보기 AND 4. 자유게시판--> <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> <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><!--END Nemo's NHN Blog Layout--> </body> </html>
네모님이 말씀하신 내용과 같이 셀을 가로로 2개 병합시킨 예입니다
대단하당....
** 네이버 예시
** 제작하신 내용
로고가 있는 셀은 가로로 2개 병합시켜 주셔야 합니다.