블로그 방명록에 주소 올려놨어용! 확인좀 해주세요~

스크립트 두개인데 여러번 써놔서 많아 보이는군요.
하나는 버튼만드는거(페이징에 들어간거) 하나는 버튼 움직이게 하는거..이거 두가진데용~

버튼이 좀 중간에 왔으면 하는데... 아래처럼..ㅠㅠ

마지막 질문!!따단. 이질문을 끝으로 질문 작별할게요.

저 극단적인 버튼들 안쪽으로 이동시키려고 했는데 전혀 말을 듣지 않아요.
일단 버튼관련 소스를 모조리 풀어볼께요.

---------------------------------------------------------------------- skin.HTML --------
container 안에 있는 소스.
    <div id="outer_btn_left"></div>
    <div id="outer_btn_right"></div>

paging 안에 있는 스크립트소스.
                <script type="text/javascript">
                //<![CDATA[
                    var tmp_outer_btn_left = "<a [##_prev_page_##] title='이전 페이지'><img src='./images/이전버튼.png' alt='prev' /></a>";
                    var tmp_outer_btn_right = "<a [##_next_page_##] title='다음 페이지'><img src='./images/다음버튼.png' alt='next' /></a>";
                    document.getElementById("outer_btn_left").innerHTML = tmp_outer_btn_left;
                    document.getElementById("outer_btn_right").innerHTML = tmp_outer_btn_right;
                    //]]>
                </script>

body안에 있는 소스,스크립트소스

<div id="outer_btn_left" style="position: absolute; left:0; text-align:center;"></div>
<div id="outer_btn_right" style="position: absolute; right:0; text-align:center;"></div>

<script type="text/javascript">
  initMoving(document.getElementById("outer_btn_left"), 300, 400, 250);
  initMoving(document.getElementById("outer_btn_right"), 300, 400, 250);
</script>

---------------------------------------------------------------------- style.CSS --------
도대체 설정을 어떻게 해줘야 할까요.
왼쪽:0 ; 이걸 바꾸면 막 자기 멋데로 이쪽저쪽 뭉친고 난리도 아니네요 
position 이건 뭐가 absolute 라는건지....; 

#outer_btn_left {
    position:absolute;
    left:0;                                         
    top:500px;
    width:40px;
}

#outer_btn_right {
    position:absolute;
    right:0;
    top:500px;
    width:40px;
}

블로그 첫화면이 이렇게 나옵니다. (티에디션을 이용한 첫화면!) 양쪽 극단적인 버튼들 보이시죠? 근데 클릭이 안되요.   

일단 버튼을 보이게 만들었던건
제가 티에디션설정 가서

HTML 에

아래 소스를

-------------------------------------------------------------------------------

                <script type="text/javascript">
                //<![CDATA[
                    var tmp_outer_btn_left = "<a [##_prev_page_##] title='이전 페이지'><img src='./images/이전버튼.png' alt='prev' /></a>";
                    var tmp_outer_btn_right = "<a [##_next_page_##] title='다음 페이지'><img src='./images/다음버튼.png' alt='next' /></a>";
                    document.getElementById("outer_btn_left").innerHTML = tmp_outer_btn_left;
                    document.getElementById("outer_btn_right").innerHTML = tmp_outer_btn_right;
                    //]]>
                </script>

---------------------------------------------------------------------------------------------

이거 집어 넣었다는거!!  버튼만 보이고 활성화가 안되요.

다행이도 사진클릭으로 게시물페이지에 들어가면 양쪽 버튼 보이면서 활성화가 됩니다.

여기서 의문이 드는게 두가지 있습니다.

첫째, 티에디션을 다음페이지로 넘기는거 자체가 가능하냐 와 다음페이지를 넘겼을때에도 똑같은 티에디션 형식을 유지하는거.
두번째, 왜 버튼 스크립트 소스를 두곳에 써야하는가.   
티에디션 HTML에 버튼스크립트소스 넣어주고, 따로 skin.HTML에 버튼스크립트소스 또 넣어주고...한곳에 써놓고 버튼유지,활성화 하는방법이
없나입니당.

일단 버튼관련 소스를 모조리 풀어볼께요.

---------------------------------------------------------------------- skin.HTML --------
container 안에 있는 소스.
    <div id="outer_btn_left"></div>
    <div id="outer_btn_right"></div>

paging 안에 있는 스크립트소스.
                <script type="text/javascript">
                //<![CDATA[
                    var tmp_outer_btn_left = "<a [##_prev_page_##] title='이전 페이지'><img src='./images/이전버튼.png' alt='prev' /></a>";
                    var tmp_outer_btn_right = "<a [##_next_page_##] title='다음 페이지'><img src='./images/다음버튼.png' alt='next' /></a>";
                    document.getElementById("outer_btn_left").innerHTML = tmp_outer_btn_left;
                    document.getElementById("outer_btn_right").innerHTML = tmp_outer_btn_right;
                    //]]>
                </script>

body안에 있는 소스,스크립트소스

<div id="outer_btn_left" style="position: absolute; left:0; text-align:center;"></div>
<div id="outer_btn_right" style="position: absolute; right:0; text-align:center;"></div>

<script type="text/javascript">
  initMoving(document.getElementById("outer_btn_left"), 300, 400, 250);
  initMoving(document.getElementById("outer_btn_right"), 300, 400, 250);
</script>

---------------------------------------------------------------------- style.CSS --------

#outer_btn_left {
    position:absolute;
    left:0;
    top:500px;
    width:40px;
}

#outer_btn_right {
    position:absolute;
    right:0;
    top:500px;
    width:40px;
}

---------------------------------------------------------------------- 티에디션 소스 ----------

<h2 class="tt-item-title"><span class="tt-item-title-bg"><span class="tt-item-title-inner">[##_item_title_##]</span></span></h2>
<ul class="tt-wrap-item">
    <s_tabloid>
        <s_article_rep>
            <li class="tt-span-4 [##_is_last_item_##][##_clear_##]">
                <p class="tt-wrap-post-thumb">
                    <a href="[##_article_rep_link_##]" title="[##_article_rep_title_##]"
                    class="tt-wrap-thumb-link tt-span-4-border tt-span-4-[##_thumb_ratio_##] tt-last[##_use_noimage_##]">
                        <img
                        class="tt-post-thumb"
                        style="[##_thumb_style_##]"
                        src="http://[##_article_rep_thumb_host_##]/[##_thumb_type_##]/[##_article_rep_thumb_hash_##]"
                        alt="[##_article_rep_title_##]"/></a>
                </p>
                <p class="tt-post-title">
                    <a href="[##_article_rep_link_##]">[##_article_rep_title_excerpt_##]</a>
                </p>
                <p class="tt-post-summary"><a href="[##_article_rep_link_##]">[##_article_rep_desc_excerpt_##]</a></p>
                <p class="tt-post-etcinfo">
                    <span class="tt-post-category"><a href="[##_article_rep_category_link_##]">[##_article_rep_category_##]</a></span>
                    <span class="tt-post-author">[##_article_rep_author_##]</span>
                    <span class="tt-post-date">[##_article_rep_date_##]</span>
                    <span class="tt-post-comment">[##_article_rep_comment_cnt_##] comment</span>
                </p>
            </li>
        </s_article_rep>
    </s_tabloid>
</ul>

                <script type="text/javascript">
                //<![CDATA[
                    var tmp_outer_btn_left = "<a [##_prev_page_##] title='이전 페이지'><img src='./images/이전버튼.png' alt='prev' /></a>";
                    var tmp_outer_btn_right = "<a [##_next_page_##] title='다음 페이지'><img src='./images/다음버튼.png' alt='next' /></a>";
                    document.getElementById("outer_btn_left").innerHTML = tmp_outer_btn_left;
                    document.getElementById("outer_btn_right").innerHTML = tmp_outer_btn_right;
                    //]]>
                </script>