묻고답하기
상단 여백을 없애고 싶습니다..
2014.11.08 20:47
안녕하세요.
게임커뮤니티 홈피 제작중입니다...
근데 상단에 여백이 있어서 보기가 좀 이상합니다.
상단 여백을 어텋게 없애야할가요
최 상단 이미지는 헤더스크립터로 넣은 것입니다.
사용하는 레이아웃은......
조상태 님의 블루 레이아웃입니다...
댓글 15
-
XESTUDIO
2014.11.08 20:59
-
런업
2014.11.08 21:16
제가 완전 초보라서요 ^^...
그냥 엑스이 올리고 설치해서 게시판 달고 그것만 할줄알다보니....
최소 어느부분을 고쳐야 하는지를 알수가 없어서요..
-
XESTUDIO
2014.11.08 21:48
문제가 있는 부분의 코드를 올려주세요. 아니면 카카오톡 cityproject 연락해주시면 답변드릴게요.
-
런업
2014.11.08 22:00
어디가 문제인지 모른다는게 더큰 문제입니다 ㅠㅠ...
헤더스크립트는
<center><img src="http://wowow.net/wowowup01.png"></center>
이렇게 이미지만 넣었구요...
<load target="./css/style.css" />
<load target="./js/script.js" />
<div id="layout">
<div id="layout_head">
<div id="main_menu">
<div class="top">
<div class="border">
<div></div>
</div>
<div class="backarea">
<div class="bottomborder"></div>
<div class="back">
<div class="left"></div>
<div class="right"></div>
<div class="light"></div>
</div>
</div>
<ul id="gnb">
<li class="logo" cond="$layout_info->logo">
<a href="{$layout_info->site_url}" cond="$layout_info->site_url">
<img src="{$layout_info->logo}" alt="{$layout_info->site_name}" />
</a>
<a href="{getUrl()}" cond="!$layout_info->site_url">
<img src="{$layout_info->logo}" alt="{$layout_info->site_name}" />
</a>
</li>
<li loop="$main_menu->list=>$key1,$val1" class="menu topmenu<!--@if($val1['selected'])--> selected<!--@end-->" cond="$val1['link'] || $val1['href']">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a>
<ul cond="$val1['list']">
<block cond="$val1['selected']">
{@ $lnb_menu = $val1}
</block>
<li loop="$val1['list']=>$key2,$val2" class="menu<!--@if($val2['selected'])--> selected<!--@end-->" cond="$val2['link'] || $val2['href']">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window'] == 'Y'">{$val2['link']}</a>
</li>
<li class="clear"></li>
</ul>
</li>
<li class="clear"></li>
</ul>
</div>
<div class="bottom"></div>
</div>
</div>
<div cond="$XE_VALIDATOR_MESSAGE" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<div id="layout_body">
<div id="layout_side">
<block cond="$layout_info->login_widget">
{$layout_info->login_widget}
</block>
<block cond="!$layout_info->login_widget">
<form id="layout_login" class="not_logged" cond="!$logged_info" action="{getUrl()}" method="post" ruleset="@login">
<input type="hidden" name="success_return_url" value="{getRequestUriByServerEnviroment()}" />
<input type="hidden" name="act" value="procMemberLogin" />
<div class="fleft">
<input id="layout_id" class="textInput" name="user_id" type="text" placeholder="{$lang->user_id}" />
<input id="layout_pw" class="textInput" name="password" type="password" placeholder="{$lang->password}" />
</div>
<div class="fleft">
<input class="submit" type="submit" value="{$lang->cmd_login}" />
</div>
<div class="clear"></div>
<div>
<div class="fleft">
<input type="checkbox" class="fleft" id="layout_keep" name="keep_signed" />
<label for="layout_keep" class="fleft loginText">{$lang->keep_signed}</label>
<div class="clear"></div>
</div>
<a href="{getUrl('act','dispMemberSignUpForm')}" class="fright loginText">{$lang->cmd_signup}</a>
<div class="clear"></div>
</div>
<div>
<a href="{getUrl('act','dispMemberFindAccount')}" class="fleft loginText">{$lang->cmd_find_member_account}</a>
<a href="{getUrl('act','dispMemberResendAuthMail')}" class="fright loginText">{$lang->cmd_resend_auth_mail}</a>
<div class="clear"></div>
</div>
</form>
<div id="layout_login" class="logged" cond="$logged_info">
<div class="nickname">
<a href="#" onclick="return false;" class="fleft member_{$logged_info->member_srl}">{$logged_info->nick_name}</a>
<a href="{getUrl('act','dispMemberLogout')}" class="fright">{$lang->cmd_logout}</a>
<a href="{getUrl('', 'module','admin')}" class="fright manage" cond="$logged_info->is_admin == 'Y'">{$lang->cmd_management}</a>
<div class="clear"></div>
</div>
<div>
<ul class="member_menu">
{@ $idx = 0}
<block loop="$logged_info->menu_list=>$key,$val">
<li class="menu fleft"|cond="!($idx%2)" class="menu fright"|cond="$idx%2">
<a href="{getUrl('act',$key)}">{$val}</a>
</li>
<li class="clear" cond="$idx%2"></li>
{@ $idx++}
</block>
</ul>
</div>
</div>
</block>
<div class="login_bottom" cond="$layout_info->login_bottom">
{$layout_info->login_bottom}
</div>
<div id="lnb_wrap" cond="$lnb_menu">
<div id="lnb_title"><a href="{$lnb_menu['href']}" target="_blank"|cond="$lnb_menu['open_window'] == 'Y'">{$lnb_menu['link']}</a></div>
<ul id="lnb">
<li loop="$lnb_menu['list']=>$key,$val" class="menu<!--@if($val['selected'])--> selected<!--@end-->" cond="$val['link'] || $val['href']">
<a href="{$val['href']}" target="_blank"|cond="$val['open_window'] == 'Y'">{$val['link']}<span></span></a>
</li>
</ul>
</div>
<div class="lnb_bottom" cond="$layout_info->lnb_bottom">
{$layout_info->lnb_bottom}
</div>
</div>
<div id="layout_content">
<div class="content_top" cond="$layout_info->content_top">
{$layout_info->content_top}
</div>
{$content}
<div class="clear"></div>
<div class="content_bottom" cond="$layout_info->content_bottom">
{$layout_info->content_bottom}
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div id="layout_foot">
<div id="layout_footArea">
<ul id="bottom_menu" class="fleft">
<li class="menu" loop="$bottom_menu->list=>$key,$val" cond="$val['link'] || $val['href']">
<a href="{$val['href']}" target="_blank"|cond="$val['open_window'] == 'Y'">{$val['link']}</a>
</li>
<li class="clear"></li>
</ul>
<div id="copyright" class="right">{$layout_info->copyright}</div>
<div class="clear"></div>
</div>
</div>
</div>
위내용이 소스입니다......
어느부분에서 상단마진을 처리하는지 알수가없어요 ^6.
-
XESTUDIO
2014.11.08 22:14
스크립트를 올리실 땐 모두 다 복사해서 붙여넣기보다 http://jsfiddle.net 같은 사이트를 이용하셔서 주소만 붙여넣기 하시면 됩니다. 그리고 HTML 태그만으로는 정확히 어떤 부분에 공백이 발생하는지 알 수가 없어요. jsfiddle에 html, css 모두 다 붙여넣기하셔서 보여주시거나, 사이트 주소를 제게 알려주세요.
-
런업
2014.11.08 22:30
홈페이지는
http://wowow.net
입니다..
-
XESTUDIO
2014.11.08 22:48
아랫분이 대신 답변해주셨네요. padding 값을 0 으로 조절해보세요.
-
런업
2014.11.08 22:50
저도 방금보고 어디서 고치는지 챃구있습니다...
어디서고치는 건가요??
-
XESTUDIO
2014.11.08 23:35
CSS 파일에서 수정하시면 됩니다.
-
런업
2014.11.09 07:31
감사합니다..... 덕분에 해결되었습니다.
-
Ikoo
2014.11.08 22:37
@런업
#layout_head {
padding:50px 0 0 0;
position:relative;
overflow:hidden;
}
-
런업
2014.11.09 07:32
감사합니다....
고수분들덕에 해결되었습니다..
-
CosignStudio
2014.11.09 07:17
layouts/blue/css/style.css 입니다.
#layout_head에서 padding50px 부분을 원하는 값으로 수정해주시면 됩니다.
-
런업
2014.11.09 07:32
감사합니다...
방금 수정한결과 아주 잘되었습니다....
-
런업
2014.11.09 07:33
레이아웃에서 직접 수정하셔야할 것 같네요. 만약 html 에서 어떻게 공백태그를 없애는지 모르신다면 기초부터 공부하실 필요가 있을 것 같아요.