묻고답하기
베너 삽입했는데..도움 요청합니다. ㅂ
2009.04.18 04:42
베너를 아래와 같이 레이아웃
콘텐츠 쪽에 넣었습니다.
그랬더니 crossvillage.net 에 들어가 보면 "도움 주시는 곳"아래 베너가 보입니다.
그런데 이 베너가 미쳤는지 계속 움직입니다.
로그인 하기 전에는 메인 화면에 보이는 바와 같습니다.
로그인하면 아래로 내려 가버립니다.
뿐만 아니라 다른 게시판으로 가면 베너가 게시판 아래로 가버립니다.
어떻게 하면 왼쪽 메인 쪽에 중앙에 예쁘게 자리갑을 수 있을까요?
어떻게 해야 하는지 아래 내용을 살펴 주시고 자세히 좀 가르쳐 주세요...
감사합니다.
아래 내용은 레이아웃 3차 시작 부터 콘텐즈 내의 내용(베너가 table부터 들어가 있습니다.)입니다.
- <!-- main_menu 3차 시작 -->
<!--@if($val['list'] && ($val['expand']=='Y'||$val['selected']) )-->
<ul>
<!--@foreach($val['list'] as $k => $v)--><!--@if($v['link'])-->
<li <class="on">!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v['href']}" <onclick="window.open(this.href);return">!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<>{$v['link'+ ']}!--@end-->>{$v['link']}</a></li>
< </div>
<div> <!-- 컨텐츠 시작 -->
{$content}
<div align="top">
<table border="1" width="132" cellspacing="0" bordercolordark="white" bordercolorlight="#CCCCCC" bordercolor="#CCCCCC">
<tr>
<td width="1122">
<p align="center"><img src="./images/cnv_logo2.gif" width="15" height="18" border="0"><font face="맑은 고딕"><span style="font-size:9pt;"> <b>도움을 주시는 곳</b></span></font></p>
</td>
</tr>
<tr>
<td width="1122"> <p><a href="http://crossvillage.shopportal.co.kr" target="_blank"><img src="./images/logo_shopportal.png" width="125" height="32" border="0"></a></p>
</td>
</tr>
</table>
</div> - </div>
</div>
<ul> <li class="first-child">
<address>
<a href="http://www.xpressengine.com"><img src="./images/powerdByXE.gif" alt="Powered By XpressEngine" width="70" height="5" /></a>
</address> - </li>
- <list">!--@foreach($bottom_menu->list as $key => $val)-->
<li><a href="{$val['href']}" <onclick="window.open(this.href);return">!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<>{$val['link']} !--@end-->>{$val['link']}</a></li>
<!--@endforeach-->
</ul>
</div>
댓글 3
-
정리된 소스를 올려봅니다.
일단 이 소스를 삽입할 곳은, 아래와 같습니다.
<li <class="on"> href="{$v['href']}" <onclick="window.open(this.href);return">!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<>{$v['link']}!--@end-->>{$v['link']}</a></li>
소스 삽입할 곳
< </div>
<div> <!-- 컨텐츠 시작 -->삽입할 소스입니다. CSS적용은 id나 class로 해주시면 되는데, 아래와 같이 style태그를 이용해도 됩니다.
<div style="text-align:center;">
<table border="1" width="132" cellspacing="0" bordercolordark="white" bordercolorlight="#CCCCCC" bordercolor="#CCCCCC">
<tr>
<td width="132" valign="middle">
<p align="center"><img src="./images/cnv_logo2.gif" width="15" height="18" border="0" align="absmiddle"><span style="font-family:맑은 고딕;font-size:9pt;"> <b>도움을 주시는 곳</b></span>></p>
</td>
</tr>
<tr>
<td width="132" valign="middle">
<p><a href="http://crossvillage.shopportal.co.kr" target="_blank"><img src="./images/logo_shopportal.png" width="125" height="32" border="0"></a></p>
</td>
</tr>
</table>
</div> -
starless
2009.04.18 18:48
답변 주셔서 감사합니다.
시키는 대로 하니 그대로 표현 되었습니다.
다시한번 답변에 감사드리며 ...꾸뻑 인사드립니다.
위의 소스만 보면 지극히 당연한 현상인데요.
<div align="top">
<table border="1" width="132" cellspacing="0" bordercolordark="white" bordercolorlight="#CCCCCC" bordercolor="#CCCCCC">
<tr>
<td width="1122">
<p align="center"><img src="./images/cnv_logo2.gif" width="15" height="18" border="0"><font face="맑은 고딕"><span style="font-size:9pt;"> <b>도움을 주시는 곳</b></span></font></p>
</td>
</tr>
<tr>
<td width="1122"> <p><a href="http://crossvillage.shopportal.co.kr" target="_blank"><img src="./images/logo_shopportal.png" width="125" height="32" border="0"></a></p>
</td>
</tr>
</table>
</div>
이 소스를 {$content} 아래에 넣으셨습니다. 그러니까 내용 아래에 넣으셨다는 뜻이 되는거죠.
div에 align속성은 빼셔도 되요. table이나 쓰지, 일반적으로 정렬이 되거든요.
또 align은 가로 정렬이기 때문에, top은 사용되지 않습니다.
CSS속성인 text-align:center;를 사용해주시면 표와 글자 모두 가운데 정렬이 됩니다.
표의 세로 정렬은 valign:middle;속성을 사용해주시면 되겠네요.