교육후기.html

 
<div>
<table id="afterfixed">
 
    <tr><td><a href="#operation">운영개요</a></td></tr>
    <tr><td><a href="#assessment">종합 평가</a></td></tr>
    <tr><td><a href="#after">후 기</a></td></tr>
    <tr><td><a href="#media">활동 사진</a></td></tr>
 
</table>
 
 <table class="afterindex">
  <tr>
    <td colspan="2">목차</td>
  </tr>
  <tr>
    <td>1</td>
    <td width="70%"><a href="#operation">운영개요</a></td>
  </tr>
  <tr>
    <td>2</td>
    <td><a href="#assessment">종합 평가</a></td>
  </tr>
  <tr>
    <td>3</td>
    <td><a href="#after">후기</a></td>
  </tr>
  <tr>
    <td>4</td>
    <td><a href="#media">활동 사진</a></td>
  </tr>
</table>
<br /><br />
<div id="operation">
  <h1>1. 운영개요 </h1>
  <p><img src="/wp-content/gallery/after20190617-26/1-1.jpg" width="800" alt="운영개요" /></p>
 
</div>
<br /><br />
<div id="assessment">
<h1>2. 종합평가</h1>
<p><img src="/wp-content/gallery/after20190617-26/2-1.jpg" width="800" alt="종합평가" /></p>
</div>
<br /><br />
<div id="after">
  <h1>3. 후기</h1>
<br /><br />
<font>
후기 0
<br />
후기 1
<br />
후기 2
<br />
후기 3</font>
 
<br /><br />
</div>
<div id="media">
  <h1>4. 활동 사진</h1>
  <p><img src="/wp-content/gallery/after20190617-26/4-1.jpg" width="800" alt="활동사진1" /></p>
  <p><img src="/wp-content/gallery/after20190617-26/4-2.jpg" width="800" alt="활동사진2" /></p>
  <p><img src="/wp-content/gallery/after20190617-26/4-3.jpg" width="800" alt="활동사진3" /></p>
  <p><img src="/wp-content/gallery/after20190617-26/4-4.jpg" width="800" alt="활동사진4" /></p>
</div>
</div>

지난 자료

교육후기.html

<div>
<table id="afterfixed">
 
    <tr><td><a href="#operation">운영개요</a></td></tr>
    <tr><td><a href="#assessment">종합 평가</a></td></tr>
    <tr><td><a href="#after">후 기</a></td></tr>
    <tr><td><a href="#media">활동 사진</a></td></tr>
 
</table>
 
 <table class="afterindex">
  <tr>
    <td colspan="2">목차</td>
  </tr>
  <tr>
    <td>1</td>
    <td width="70%"><a href="#operation">운영개요</a></td>
  </tr>
  <tr>
    <td>2</td>
    <td><a href="#assessment">종합 평가</a></td>
  </tr>
  <tr>
    <td>3</td>
    <td><a href="#after">후기</a></td>
  </tr>
  <tr>
    <td>4</td>
    <td><a href="#media">활동 사진</a></td>
  </tr>
</table>
<br /><br />
<div id="operation">
  <h1>1. 운영개요 </h1>
  <p><img src="/default/after/2018/11-03/1-1.png" width="800" alt="1-1.png" /></p>
 
</div>
<br /><br />
<div id="assessment">
<h1>2. 종합평가</h1>
<p><img src="/default/after/2018/11-03/2-1.png" width="800" alt="2-1.png" /></p>
</div>
<br /><br />
<div id="after">
  <h1>3. 후기</h1>
<br /><br />
<font>
후기 0
<br />
후기 1
<br />
후기 2
<br />
후기 3</font>
 
<br /><br />
</div>
<div id="media">
  <h1>4. 활동 사진</h1>
  <p><img src="/default/after/2018/11-03/4-1.png" width="800" alt="4-1.png" /></p>
  <p><img src="/default/after/2018/11-03/4-2.png" width="800" alt="4-2.png" /></p>
  <p><img src="/default/after/2018/11-03/4-3.png" width="800" alt="4-3.png" /></p>
  <p><img src="/default/after/2018/11-03/4-4.png" width="800" alt="4-4.png" /></p>
</div>
</div>

after.css

/* after */
 
#afterfixed{
        position: fixed;
        bottom: 40%;
        right: 5%;
        width: 100px;
/*        border: 1px;  */
        text-align: center;
        text-decoration: none;
        background-color: white;
 
 
 
    } 
 #afterfixed td{
 border: 1px solid skyblue;
    }
 .afterindex {
        width: 400px;
 
   }
 
.afterindex,.afterindex tr td{
        border: 1px solid skyblue;
}
 
.afterindex tr td:first-child{
    text-align: center;
}