ASP的图片排列改为横行排列！
这是代码。请问要怎么改才能变成7个图标一行，一共2行的代码。谢谢！
<% set rs=server.createobject( "adodb.recordset ")
sql= "SELECT top 4 * FROM person WHERE pok=1 ORDER BY ID DESC "
rs.open sql,conn,1,1 %>
<table height= "488 " cellspacing= "0 " cellpadding= "0 " width= "140 " border= "0 ">
<tbody>
<% do while not rs.eof %>
<tr>
<td align= "middle " width= "150 " height= "30 "> <p align= "center "> <img height= "103 " src= " <%=rs( "pic ")%> "
width= "155 " border= "0 " /> </p> </td>
</tr>
<tr>
<td align= "middle " width= "150 " height= "20 "> <%=rs( "uname ")%> </td>
</tr>
<%
rs.movenext
loop
rs.close
set rs=nothing %>
<tr>
<td align= "middle " width= "150 " height= "22 ">
</td>
</tr>
</tbody>
</table>
[解决办法]
<%
set rs=server.createobject( "adodb.recordset ")
sql= "SELECT top 14 * FROM person WHERE pok=1 ORDER BY ID DESC "
rs.open sql,conn,1,1
%>
<table height= "488 " cellspacing= "0 " cellpadding= "0 " width= "140 " border= "0 ">
<tr>
<%
n=0
do while not rs.eof
n=n+1
%>
<td>
<table cellspacing= "0 " cellpadding= "0 " width= "150 " border= "0 ">
<tr>
<td align= "middle " width= "150 " height= "30 "> <p align= "center "> <img height= "103 " src= " <%=rs( "pic ")%> " width= "155 " border= "0 " /> </p> </td>
</tr>
<tr>
<td align= "middle " width= "150 " height= "20 "> <%=rs( "uname ")%> </td>
</tr>
</table>
</td>
<%
if n=7 then response.write " </tr> <tr> "
rs.movenext
loop
rs.close
set rs=nothing
%>
</tr>
</table>
[解决办法]
<% set rs=server.createobject( "adodb.recordset ")
sql= "SELECT top 4 * FROM person WHERE pok=1 ORDER BY ID DESC "
rs.open sql,conn,1,1 %>
<table height= "488 " cellspacing= "0 " cellpadding= "0 " width= "140 " border= "0 ">
<tbody>
<tr>
<% i=1
do while not rs.eof
if i> 1 and i mod 7=1 then response.write " </tr> "&vbcrlf& " <tr> "
%>
<td align= "middle " width= "150 " height= "30 "> <div align= "center "> <img height= "103 " src= " <%=rs( "pic ")%> "
width= "155 " border= "0 " /> </div>
<div> <%=rs( "uname ")%> </div>
</td>
<%
rs.movenext
loop
rs.close
set rs=nothing %>
<tr>
<td align= "middle " width= "150 " height= "22 ">
</td>
</tr>
</tbody>
</table>
[解决办法]
这个可以不需要程序来控制,直接用CSS样式来控制就可以了
使用 <ul> <li> 的方式
<Style type= "text/css ">
.myul { float:left; margin:0; padding:0; list-style:none; width:600px;}
.myul li { float:left; margin:0; padding:0; list-style:none; width:150px; text-align:center;}
</Style>
<ul class= "myul ">
<li> 1 </li>
<li> 2 </li>
<li> 3 </li>
<li> 4 </li>
<li> 1 </li>
<li> 2 </li>
<li> 3 </li>
<li> 4 </li>
</ul>
如果想更运用自如建议多接触下CSS
现在是4列2行
如果要1行7列的话,更改 <li> 的宽度也就是说li的宽度乘以7正好等于UL
<Style type= "text/css ">
.myul { float:left; margin:0; padding:0; list-style:none; width:700px;}
.myul li { float:left; margin:0; padding:0; list-style:none; width:1050px; text-align:center;}
</Style>
