도와주세요

네이버 카페 대문을 HTML로 제작해보려는데 너무 어렵네요.

도바킨2018.07.09 04:27조회 수 261댓글 6

  • 2
    • 글자 크기

위의 사진처럼 만들어 보고 싶어서 만드는데

하지만 결과는 위의 사진이네요..

아래의 코드로 만들었습니다..


전체글보기와 자유게시판의 공백을 없애고 싶습니다.. ㅠㅠ


어떻게 해야할까요?


 
<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>

Fus Ro Dah!!!

  • 2
    • 글자 크기
우분투 부팅이 안되는데요 ㄷㄷ (by 허니버터뚠뚜니라이츄) 레이아웃 유료로 파는건 법적 절차가 필요한가요? (by joyful)
  • 2018.7.9 09:39

    ** 네이버 예시






    ** 제작하신 내용





    로고가 있는 셀은 가로로 2개 병합시켜 주셔야 합니다.

  • 도바킨글쓴이
    2018.7.9 12:42

    아..아하..!(깊은 깨달음..)

    흠.. 근데 어떻게 하는걸까요 핳(하지만 깨달음을 능가하는 지식의 한계)

  • 2018.7.11 08:55

    div와 float을 이용해 보세요

    반응형까지 고고싱

  • 2018.7.14 22:16
    <!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>



  • 2018.7.14 22:23

    네모님이 말씀하신 내용과 같이 셀을 가로로 2개 병합시킨 예입니다

  • 2018.7.16 20:44

    대단하당....

댓글 달기

번호 제목 글쓴이 날짜 조회 수
공지 앞으로 ssh 사용시 한글 사용이 가능합니다.7 마스터 2018.10.12 12882
공지 접속 불가 사태 수습은 진행중입니다.35 마스터 2018.10.05 13498
공지 회원 전용 페이지가 생겼습니다.10 마스터 2018.03.20 14134
공지 [필독] 질문하는 방법5 마스터 2018.02.23 533
388 우분투 부팅이 안되는데요 ㄷㄷ3 허니버터뚠뚜니라이츄 2018.07.11 58
네이버 카페 대문을 HTML로 제작해보려는데 너무 어렵네요.6 도바킨 2018.07.09 261
386 레이아웃 유료로 파는건 법적 절차가 필요한가요?5 joyful 2018.07.07 75
385 XPEnology VMDK 파일 용량 오버 문제12 xnview 2018.07.06 125
384 질문합니다. 로그인설정을 바꾸고 싶네요~2 youngsik 2018.07.05 61
383 XE 많이 안좋은가요??6 joyful 2018.07.04 85
382 MXexception (?) 오류가 뜹니다.1 title: 맛스타의 자물쇠에듀 2018.07.03 56
381 호스팅 FTP 계속 타임 아웃이 생깁니다..!21 BVC_Liper_Okbul 2018.06.29 116
380 [가상화 네트워크] 사설IP 여러곳에서 80포트를 사용하고 싶습니다18 xnview 2018.06.28 193
379 [역방향 프록시] 뭐가 문제인지 도움 부탁 드립니다 ㅠㅠ4 xnview 2018.06.27 80
378 안녕하세요 포트포워딩 관련 질문입니다(좀긴글)7 Licht 2018.06.26 111
377 호스팅 서비스 바꾸기4 joyful 2018.06.24 86
376 대구시 수돗물 발암물질 좀 도와주세요.10 참비 2018.06.22 134
375 [e-bay 물품구매질문]6 dongs 2018.06.21 75
374 [역방향 프록시] 사이트 URL 이동 500에러 문의드립니다6 xnview 2018.06.21 86
373 [역방향 프록시] 뭐가 문제인지 검토 부탁 드립니다11 xnview 2018.06.19 130
372 개인 서버를 내부 인트라넷에서만 사용할 수 있게 하려면 어떻게 해야 하나요?6 제르 2018.06.17 101
371 윈도우서버 2016은 [역방향 프록시] 설정이 안되나요 ?9 xnview 2018.06.15 110
370 FTPS 프록시 프로그램이 있을까요?3 네모 2018.06.15 52
369 미디어위키 설치중 오루가 발생했니다 이는 왜 그런거죠?6 AA 2018.06.10 91
이전 1 2 3 4 5 6 7 8 9 10... 23다음
첨부 (2)
dwassd.png
211.9KB / Download 25
xzxcsw.png
36.5KB / Download 13
서버에 요청 중입니다. 잠시만 기다려 주십시오...