미채택 완료

그누보드5 에서 배너와배너사이 공간주기?

2015-07-14 (화) 18:26:15 4,226

그누보드5 에서 배너와배너사이 공간주기?

아래 그림 처럼 배너를 만들었는데요

이 소스를 넣어서 만들었습니다.

<table width="100%">
<tr>
  <td>배너1</td>
  <td>배너2</td>
</tr>
<tr>
  <td>배너3</td>
  <td>배너4</td>
</tr>
<tr>
  <td>배너5</td>
  <td>배너6</td>
</tr>
</table>  

1ebdbba0720d0a9172f59be92da0727a_1436865790_0838.png

여기서 왼쪽 과 오른쪽 10px씩만 남겨놓고 벌어지고

중앙은 15px벌어지고

위아래 20px씩 벌어지라고 명령하고싶은데

어디에다가 어떻게 명령을 줘야하는지

모르겠어요  제발 도와주세요 ㅠㅠ 

|

답변 2개 / 댓글 3개

2015-07-14 (화) 23:05:55

<style>

#banner { width:100%; margin:0 10px;} // 양쪽 10px 씩

#banner ​td { padding:10px 0 } // 위아래 10px 이니까 20px

#banner ​td.padding { width:15px; } // 중앙 15px​

</style>

<table id="banner"> 

<tr> 
  <td>배너1</td> 

  <td class="padding"></td> ​

  <td>배너2</td> 
</tr> 
<tr> 
  <td>배너3</td>

  <td class="padding"​></td>​

  <td>배너4</td> 
</tr> 
<tr> 
  <td>배너5</td>

  <td class="padding"​></td>​

  <td>배너6</td> 
</tr> 

</table>    

 

이거를 원하는 곳에 넣으세요

답변에 대한 댓글 2개

적어주신대로 하니까 우측으로 날라가버려요 ㅠ.ㅠ 이거 어떻게해야하죠
머리가 아프네요 정말 ㅠㅠ
적어주신대로 하니까 우측으로 날라가버려요 ㅠ.ㅠ 이거 어떻게해야하죠
머리가 아프네요 정말 ㅠㅠ
2015-07-14 (화) 18:35:48

이건.. 굳이 그누보드5란 태그보단 html 과 css 란 태그가 더 잘 어울리겠네요~

아무튼 아래처럼 하면 됩니다.

<style>

#banner { width:100%; margin:0 10px;} // 양쪽 10px 씩

#banner ​td { padding:10px 0 } // 위아래 10px 이니까 20px

#banner ​td.padding { width:15px; } // 중앙 15px​

</style>

<table id="banner"> 

<tr> 
  <td>배너1</td> 

  <td class="padding"></td> ​

  <td>배너2</td> 
</tr> 
<tr> 
  <td>배너3</td>

  <td class="padding"​></td>​

  <td>배너4</td> 
</tr> 
<tr> 
  <td>배너5</td>

  <td class="padding"​></td>​

  <td>배너6</td> 
</tr> 

</table>   

답변에 대한 댓글 1개

답변 정말 감사드립니다 ^^
그런데 위에 가르쳐주신 부분을 어디에다가 삽입하면 되나여?

index.php 파일의

<table width="100%">
<tr>
<td>배너1</td>
<td>배너2</td>
</tr>
<tr>
<td>배너3</td>
<td>배너4</td>
</tr>
<tr>
<td>배너5</td>
<td>배너6</td>
</tr>
</table>

이부분 바로 위에다가 붙혀넣었는데
안먹혀서요

어디에다가 넣어야하는건가요?

답변을 작성하려면 로그인이 필요합니다.