ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Changes between Version 3 and Version 4 of pne-xhtmlcss/parts/2


Ignore:
Timestamp:
Feb 24, 2008, 11:26:43 PM (11 years ago)
Author:
ogawa
Comment:

パーツ名を変更

Legend:

Unmodified
Added
Removed
Modified
  • pne-xhtmlcss/parts/2

    v3 v4  
    11[[TOC]]
    2 = 2. table3x(9面パズル) =
     2= 2. descriptionBox(説明ボックス) =
    33[wiki:pne-xhtmlcss/parts パーツリストに戻る]
    44== 表示例 ==
     
    88
    99=== html ===
    10 {{{
    11 <div class="section table3x">
    12 <table><tr>
    13 <th class="heading" colspan="3">(ここにパネル名を記載)</th>
    14 </tr>
    15 
    16 <!-- ↓必要な段分繰り返す-->
    17 <tr>
    18 <td>
    19 <p class="photo">(写真表示領域)</p>
    20 <p class="text">(名前)</p>
    21 </td>
    22 <td>
    23 <p class="photo">(写真表示領域)</p>
    24 <p class="text">(名前)</p>
    25 </td>
    26 <td>
    27 <p class="photo">(写真表示領域)</p>
    28 <p class="text">(名前)</p>
    29 </td>
    30 </tr>
    31 <!--↑必要な段分繰り返す-->
    32 
    33 <td class="footer" colspan="3">
    34 <ul class="moreInfo">
    35 <li>(「もっと見る」など)</li>
    36 </ul>
    37 </td>
    38 </tr></table>
    39 </div>
    40 }}}
    4110
    4211=== template ===
     
    4413=== CSS ===
    4514
    46 【style.css】
    47 {{{
    48 /*==============================================================================
    49  * フレンドリストなどの 9面(3xN)テーブル(.table3x) に対する指定
    50  *----------------------------------------------------------------------------*/
    51 .table3x {
    52         margin-top: 6px; /* これはパーツ共通のマージンなのでセレクタを変えるかもしれません */
    53 }
    54 .table3x table {
    55         width: 100%;
    56         border: 2px solid #cccccc;
    57 }
    58 .table3x td {
    59         border: 1px solid #cccccc;
    60         vertical-align: top;
    61 }
    62 .table3x p {
    63         text-align: center;
    64 }
    65 .table3x p.photo {
    66         height: 76px;
    67         padding: 2px;
    68         border-bottom: 1px solid #cccccc;
    69 }
    70 .table3x p.text {
    71         margin: 2px;
    72         overflow: auto;
    73 }
    74 }}}
    7515== 関連情報 ==
    7616
    77  * チケット: #1909
    78  * リビジョン: r5177, r5178
     17 * チケット: #1926
    7918 * [wiki:pne-xhtmlcss XHTML+CSS化プロジェクト]