栏目列表 table与div的制作结构


table的制作结构


<div frag="面板2">

<div frag="窗口2" portletmode="columnList">

 <div frag="窗口内容">

<table ifrag="栏目" level="0" width="196" border="0" cellspacing="0" cellpadding="0" class="modTitle">

 <tr>

<td colspan="2" height="28" align="center" ifrag="栏目属性" ><h1 ifrag="栏目名称" >校友动态</h1></td>

 </tr>

 <tr ifrag="子栏目列表" >

<td align="center" valign="top"></td>

<td align="center">

<table ifrag="栏目" level="1" width="80%"  border="0" align="center" cellpadding="0" cellspacing="0" >

<tr >

 <td width="10" ><img src="images/dot_blue.jpg" /></td>

 <td align="left" ifrag="栏目属性" class="col"><span ifrag="栏目名称">一级栏目</span></td>

</tr>

 <tr>

<td height="1" colspan="2"></td>

 </tr>

</table>

</td>

 </tr>

</table>

 </div>

</div>

</div>


div的制作结构


<div frag='面板3'>

     <div frag='窗口3' portletmode='columnList'>

      <div frag='窗口内容'>

       <ul ifrag='栏目' class='lists'>

         <li class='top-list' ifrag='栏目属性'><span ifrag='栏目名称' class='column'>栏目列表</span></li>

         <li class='sub-list' ifrag='子栏目列表'>

           <ul ifrag='栏目'>

             <li class='list' ifrag='栏目属性'><span ifrag='栏目名称' class='column'>子栏目列表</span></li>

           </ul>

         </li>

       </ul>

      </div>

   </div>

</div>