아래의 경우 중에 자신이 해당된다 싶으시면 계속 읽으시면 되겠습니다.

1. 상단의 광고들과 본문 사이를 보기 좋게 띄우고 싶다. 지금 이 본문처럼 -
2.  따옴표 인용문으로 본문을 임팩있게 시작했는데 따옴표만 상단 광고 안에 들어가 버렸다. 이걸 어째 -
3.  인용문으로 시작하고 싶어서 글상자를 만들었는데 광고들과 겹쳐져 괴상한 레이아웃이 되어 버렸다. 이걸 어떻게 해결?

1번의 경우 검색을 해 보면 해결 방법이라고 제시해 주는 것은  광고 소스들 끝에 <br>이나 <p> 태그를 하나 넣어 주면 된다고 되어 있더군요. 제가 그대로 해 봤는데 애드 센스는 그대로 있고 오른쪽 뷰 애드만 한 줄 정도 아래로 내려가더군요...

그리고 본문 쓸 때 엔터키를 수십번 치고 글을 시작해도 포스팅 송고 후에 보면 그 엔터키가 다 사라지고 없습니다. 다음 블로그에서는 안 그랬는데 말이죠. 티스토리 에디터는 좀 다른 것 같아요.

2번의 경우 예시 캡쳐가 다음입니다.

 

 

잘하면 재미있다 vs 재미있으면 잘 하게 된다 - 지금보니 이 무슨 말도 안되는 글인가 싶기도 하지만 어쨌든 - 이게 노란 글상자 안에 들어 있던 건데 위의 애드박스 안으로 겹쳐 들어가서 이상하게 되어 있네요. 원래는 아래처럼 하고 싶었던 겁니다.

 

 

이렇게 하고 싶었던 거죠. 소제목을 글상자에 넣어서 시작하려고 했던 거에요. 아래도 보세요. 따옴표로 소제목을 시작하고 싶었습니다. 그랬더니 -

 

 

저렇게 애드박스를 감싸는 상자 안에 저렇게 따옴표가 생뚱맞게 들어가 있는 겁니다. 당시 지금의 해법을 몰랐던 때, 하는 수 없이 본문 글을 한 줄 넣고 나서 따옴표 소제목을 넣을 수 밖에 없었죠. 아래처럼요 -

 

 

해법 들으시면 별 것 아니네 하시겠네요;;; 네, 그렇습니다. 투명 테이블을 하나 짜 넣는 겁니다. 그리고 그걸 서식에다가 저장해 두고 써 먹는 거지요


 

 <TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=1 cellPadding=1 width=790 bgColor=#ffffff>
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid" width="100%">&nbsp;</TD></TR></TBODY></TABLE><p>ㅇㅇㅇ

첨부파일로도 올리니 필요하신 분은 저장을 -

 

상자가 투명이라 어디서부터 본문이 시작되는건지 테이블이 짜지긴 짜진건지, 매번 html 모드로 확인하기 번거롭다 싶으시면 상자 끝나고 글 시작하는 부분에 저처럼 ㅇㅇㅇ 를 표시삼아 적어 넣으시고 서식으로 저장하셔도 됩니다. 첨부파일 안에는 없습니다. 글 쓰면서 ㅇㅇㅇ 를 지우고 그 자리부터 적으시면 됩니다.

상단 광고 짜 넣을 때 많은 분들이 div 로 틀을 만들어서 넣으실 겁니다. 그래서 첫 문단의 무언가가 div 로 또 시작하면 이게 겹쳐져 버리더군요. 그래서 테이블로 간격을 둔 거죠. 간혹 글설정을 <p>로 엔터 설정해 둘 경우 저 테이블을 짜 넣고 나서 html 로 들어가서 확인해 보면 없던 div 가 생겨났을 때가 있습니다. 테이블 시작하는 부분에 div 하나, 끝나는 데 /div, div 하나 더, 3개가 생겨 있을 때가 있습니다. 그럴 때는 다시 지워줘야 한답니다. ;  한번 지워주시면 다시 에디터 모드로 돌아와도 다시 생기거나 하지는 않습니다.

태그등에 대해서는 잘 모르는 사람이 연달아 이런 포스팅을 올리고 있네요. 우연찮게 아이디어같이 떠오른 거라 혹 도움되는 분 있을까 해서 올려 보았습니다. 즐겁게 - 아름다운 포스팅 하시길 바랍니다.

읽어 주셔서 고맙습니다. 아래의 손가락 모양 추천 버튼은 로그인하지 않아도 클릭 가능합니다.
다음 로그인 중이시라면 지금  구독 +  하시고 새 글이 올라 올 때 편하게 보실 수 있습니다.

   
포스팅에 호감이 가신다면 구독하실 수도 있습니다!
        메일로 구독하기 메일구독방법안내 한RSS로 구독하기 피드버너로 구독하기 iGoogle or 구글리더로 구독하기 myYahoo에 추가하기 트위터 네이버 이웃추가
Posted by 아딸라

댓글을 달아 주세요

  1. 주테카 2012.03.14 01:09 신고  댓글주소  수정/삭제  댓글쓰기

    아딸라님 상단의 광고와 애드박스 배치가 무척 궁금했는데..
    지금은 이미 애드센스와 애드박스 정렬 배치를 포기했기 때문에 아쉽네요.

    • 아딸라 2012.03.14 10:00 신고  댓글주소  수정/삭제

      아.. 그 포스팅에 추가 내용을 두어개 더 넣었어요. http://atala.tistory.com/144

      상단에 넣을 때의 소스랑 하단 중앙에 둘 때랑
      카테고리 다른 글 위에 둘 때랑 각각의 소스들을 올려뒀는데 어쩜 그거 보시면 도움이 되실 수도 있어요.
      근데 그 애드디스가요, 윈도 xp의 익스플로러에서는 안 보이더라고요. 그리고 뷰바가 상단에 걸쳐진 상태에서도 감쪽같이 사라져요 -;

  2. 더공 2012.03.14 11:11 신고  댓글주소  수정/삭제  댓글쓰기

    맞아요.
    저 부분이 처음 블로그에 광고 넣는 분들이 겪는 최고의 난항중 한가지죠.
    ㅎㅎㅎㅎㅎㅎㅎ

  3. 싸장님 2012.03.14 11:45  댓글주소  수정/삭제  댓글쓰기

    글 쓸때마다 글자 깨져서 보기 흉했는데.
    이런 팁도 있네요.
    전 그래서 되도록 사진 밑에 글 쓰게 되더라구요~

  4. 쿤다다다 2012.03.14 22:06 신고  댓글주소  수정/삭제  댓글쓰기

    ㅎㅎㅎ
    저와 같은 컴맹맹맹에게는 알거 같으면서도 어려워요...^^