도와주세요

  • 목록
  • 아래로
  • 위로

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

도바킨
  • 6
  • 도바킨
  • 조회 수 2876

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

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

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


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


어떻게 해야할까요?


 
<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 Lv. (72%) 3630/3920EXP

Fus Ro Dah!!!

댓글 6

네모
profile image

** 네이버 예시






** 제작하신 내용





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

comment menu
2018.07.09. 09:39

신고

"네모님의 댓글"

이 댓글을 신고 하시겠습니까?

도바킨 작성자
profile image

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

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

comment menu
2018.07.09. 12:42

신고

"도바킨님의 댓글"

이 댓글을 신고 하시겠습니까?

마카롱
profile image

div와 float을 이용해 보세요

반응형까지 고고싱

comment menu
2018.07.11. 08:55

신고

"마카롱님의 댓글"

이 댓글을 신고 하시겠습니까?

Hanam09
profile image 
<!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>



comment menu
2018.07.14. 22:16

신고

"Hanam09님의 댓글"

이 댓글을 신고 하시겠습니까?

Hanam09
profile image

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

comment menu
2018.07.14. 22:23

신고

"Hanam09님의 댓글"

이 댓글을 신고 하시겠습니까?

Tilto_
profile image

대단하당....

comment menu
2018.07.16. 20:44

신고

"Tilto_님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 시스템 점검 작업 완료 안내 10 마스터 24.09.05.16:25 615
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 23.01.14.02:23 7499
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 4794
646 클론질라 및 우분투 질문드립니다 ㅠㅠ 10 크로스하트 18.02.08.16:14 415
645 도매인 기관이전이 안됩니다. 13 Kongjak 18.02.10.12:05 411
644 [미디어위키] 확장기능 FLOW,ECHO 설치중 오류 6 260578 18.02.12.16:59 353
643 https주소로 만들어서 운영하고 싶은데 7 anfwkdrn 18.02.15.00:01 221
642 C# 처음 도전 해보네요 ㅎㅎ 그리고 질문! 2 ProjectSE 18.02.16.13:32 186
641 도메인 입력해도 Study For Us 홈페이지로 리다이렉팅 됩니다. 8 Nerd 18.02.17.14:55 247
640 이 부품들로 개인 서버 구축 가능할까요? 17 제르엘 18.02.25.16:29 334
639 읔! 스포어 PW는 어디서 바꿔야할까요? 1 title: 도밥위키!Dobob 18.02.26.08:24 176
638 403오류 2 image 박재식품 18.02.26.13:04 352
637 SSL 문제 3 박재식품 18.02.26.16:03 195
636 미디어위키 외부의존성 오류 image 박재식품 18.02.26.18:34 201
635 음..... 3 박재식품 18.02.26.21:41 185
634 혹시.. 3 막시모 18.02.27.15:13 208
633 미디어 위키 닷홈 MySQL 설정하는법 도와주세요 1 image AA 18.02.27.23:47 713
632 미디어위키 리버티 스킨 도구 설정 1 image 박재식품 18.02.28.12:36 443
631 이메일 설정이 안됩니다.. 3 image 260578 18.03.01.18:09 204
630 동영상 플레이어 2개 이상 깔때 코덱 질문드립니다. 2 크로스하트 18.03.02.18:04 191
629 무슨 문제일까요 3 image 260578 18.03.03.09:32 191
628 [미디어위키] 비밀번호 재설정 (SMTP) 기능이 작동하지 않음 1 260578 18.03.03.19:37 274
627 [미디어위키] 밑의 글 답변 내용으로해도 작동하지 않습니다. (계속 질문글 올려 죄송합니다.) 3 image 260578 18.03.11.19:58 278

검색