NZEO.com에도 질문하였는데 답글도 없고..

xml과 css에 대해서도 잘 모르다보니 답답하군요..

백성찬님께 도움을 요청해 봅니다..

 

 

 

@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

.widgetBoxContainer{ position:relative;}

.widgetBox{ position:relative; *zoom:1; }
.widgetBox:after{content:""; display:block; clear:both; }
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
.widgetBox .widgetContainer{ position:relative; z-index:10;}
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
.widgetBox .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;}
.widgetBox .rcBottom .bl{ top:0;}
.widgetBox .rcBottom .br{ top:0;}

.widgetBoxA .widgetBoxHeader{ position:relative; padding:4px 0; margin:1px; border-bottom:1px solid #ccc;}
.widgetBoxA .widgetMore{ top:0px; left:0; color:#888;}
.widgetBoxA .rcContainer{ display:none !important; }

 

 제가 아래사진과 같이

 1.jpg

 more버튼대신 '자유게시판 FREE BOARD"라는 이미지를 넣어서 해당 이미지를 누르면 게시판으로 넘어가도록 하려는데요..

 

 more버튼이 처음에 이상한 위치에 있어서 위젯스타일을 뒤져서 어찌 위치는 다 맞췄습니다.

 

 그런데 문제가

 

  2.jpg  

 

 이런식으로 more버튼(여기서는 test중입니다 라는문구)이 바로 아랫줄의 글의 내용과 겹치게 되는것입니다.

 

 

 z-index가 높이를 가지는것 같아서 수정도 해보고 이래저래 건드려 봤습니다만 저 위의 내용조차 처음 보는 수준이기에..

 

도무지 찾을수가 없습니다.

 

 

 어떻게 해야 more버튼이 위치를 가지고 글을 아래로 한줄 내려보낼까요?

 

 

아니면 widgetstyle.html에서 수정을 해야하나요?

 

<!--%import("css/widgetBoxStyle.css")-->

<div class="widgetBoxContainer {$widgetstyle_extar_var->ws_style}">

    <div class="widgetBox">

 

 

        <!--@if($widgetstyle_extar_var->ws_title_image || $widgetstyle_extar_var->ws_title)-->

            <h3 class="widgetBoxHeader" <!--@if($widgetstyle_extar_var->wws_title_colors_title_color)-->style="color:{$widgetstyle_extar_var->ws_title_color};"<!--@end-->>

            <!--@if($widgetstyle_extar_var->ws_title_icon)-->

                <img src="http://www.xpressengine.com/{$widgetstyle_extar_var->ws_title_icon}" />

            <!--@end-->

 

            <!--@if($widgetstyle_extar_var->ws_title_image)-->

                    <img src="http://www.xpressengine.com/{$widgetstyle_extar_var->ws_title_image}" />

            <!--@else-->

                <!--@if($widgetstyle_extar_var->ws_title)-->

                    {$widgetstyle_extar_var->ws_title}

                <!--@end-->

            <!--@end-->

            </h3>

        <!--@end-->

 

        {$widget_content}

 

        {@$widgetstyle_extar_var->ws_more_url=trim($widgetstyle_extar_var->ws_more_url);}

        <!--@if($widgetstyle_extar_var->ws_more_url)-->

 

            <!--@if(strtolower(substr($widgetstyle_extar_var->ws_more_url,0,4))=='http')-->

                <a href="http://www.xpressengine.com/{$widgetstyle_extar_var->ws_more_url}" class="widgetMore">

            <!--@else-->

                <a href="http://www.xpressengine.com/http://{$widgetstyle_extar_var->ws_more_url}" class="widgetMore">

            <!--@end-->

            <!--@if($widgetstyle_extar_var->ws_more_image)-->

                <img src="http://www.xpressengine.com/{$widgetstyle_extar_var->ws_more_image}" />

            <!--@else if($widgetstyle_extar_var->ws_more_text)-->

                {$widgetstyle_extar_var->ws_more_text}

            <!--@else-->

                more

            <!--@end-->

            </a>

        <!--@end-->

        <span class="rcContainer rcTop">

            <span class="rc tl"></span>

            <span class="rc tr"></span>

        </span>

        <span class="rcContainer rcBottom">

            <span class="rc bl"></span>

            <span class="rc br"></span>

        </span>

    </div>

</div>

 

..도무지 답이 보이질 않는군요. 도움을 요청합니다.