목록
아래로
위로

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

6
도바킨
2018.07.09. 04:27
조회 수 2802

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

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

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

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

어떻게 해야할까요?

작성자

도바킨 6 Lv. (72%) 3630/3920EXP

Fus Ro Dah!!!

네모

** 네이버 예시

** 제작하신 내용

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

2018.07.09. 09:39

"네모님의 댓글"

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

도바킨 작성자

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

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

2018.07.09. 12:42

"도바킨님의 댓글"

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

마카롱

div와 float을 이용해 보세요

반응형까지 고고싱

2018.07.11. 08:55

"마카롱님의 댓글"

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

Hanam09

<!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.07.14. 22:16

"Hanam09님의 댓글"

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

Hanam09

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

2018.07.14. 22:23

"Hanam09님의 댓글"

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

Tilto_

대단하당....

2018.07.16. 20:44

"Tilto_님의 댓글"

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

권한이 없습니다.

번호	제목	글쓴이	날짜	조회 수
공지	[작업 완료] 설 명절 맞이 서버 업데이트 안내 3	마스터	24.02.11.17:21	1046
공지	[중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4	마스터	23.01.14.02:23	4720
공지	[필독] 질문하는 방법 17	마스터	18.02.23.03:09	4482
906	윈도우 글꼴 변경좀 도와주세요 5	wikiowner	22.10.08.09:56	128
905	미디어위키 다시 시작하는데 위키에서 모듈 설정 해 보신 분 저좀 도와주세요 2	wikiowner	22.10.01.19:34	265
904	질문 2	poiega	22.09.03.23:35	148
903	FTP, FTPS, SFTP, WebDAV를 사용하지 않고 원격지 서버에 파일을 업로드하는 방법이 있을까요? 10	제르엘	22.09.01.14:33	221
902	xlsx 파일로 된 DB백업 데이터를 가져오기로 DB에 넣으려면 어떻게 해야할까요? 4	동파육	22.08.31.01:49	127
901	phpMyAdmin 접속시 mysqli_real_connect(): (HY000/1045): Access denied for user '000000'@'localhost' (using password: YES) 4	동파육	22.08.31.00:59	160
900	curl: (7) Failed to connect to localhost port 80: Connection refused 2	국내산라이츄	22.07.25.15:57	1578
899	Possible attack detected. This action has been logged. 패널접속하니 메세지가뜨네요 1	막시모	22.07.08.12:58	115
898	LTE 폰에서 3G 수신감도 확인방법?? 8	이니스프리	22.05.01.20:42	505
897	Vesa 마운트를 이용한 미니PC의 거치 4	이니스프리	22.04.07.12:23	274
896	우분투 20.04 cockpit 설치 안됨(해결)	gunwook	22.04.01.22:20	113
895	브라우저 익스텐션이 있는 self hosted VPN으로 어떤 것이 있을까요?	이니스프리	22.03.20.13:57	146
894	백업 파일도 디스크 용량에 포함인가요? 3	마당쇠15	22.03.10.10:52	166
893	DNS 관련 질문 (Netlify, CloudFlare) 5	밍원	22.02.14.15:24	202
892	나리야 빌더로 게임커뮤니티 운영 2	핫슈블로그	22.01.27.08:28	471
891	혹시 라이브러리나 개발자문서 한글 번역 정리 2	제목학원장	22.01.11.13:23	286
890	혹시 파이어베이스 사용하고 계시는 분 있으실까요? 공부에 도움될 만한 개발자 문서가 따로 있을까요? 3	제목학원장	22.01.07.13:57	244
889	호스팅 처음 해보는데 받은 주소를 쓰면 스터디 포 어스 페이지가 나옵니다. 7	yuyu	22.01.05.11:35	329
888	개인 홈페이지를 만들려고 하는데 보통 이미지들 어디서 얻으시나요? 다 만들어서 쓸 수는 없을 것 같고.. 2	yuyu	21.12.31.12:53	283
887	홈페에지가 구글에서 검색되도록 봇이 수집하게 설정했는데 API도 수집하도록 설정해도 되나요? 4	손가락개	21.12.06.03:45	278

도와주세요

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

작성자

도바킨 6 Lv. (72%) 3630/3920EXP

댓글 6

신고

신고

신고

신고

신고

신고

검색

스터디 최근글 [1/]

로그인

작성자 도바킨 6 Lv. (72%) 3630/3920EXP

댓글 6

신고

신고

신고

신고

신고

신고

검색

로그인

작성자

도바킨 6 Lv. (72%) 3630/3920EXP