Question

CSS 对齐方式的疑问!!!求高手!!!求解答!!!

本来想搞成这个效果的:
http://www.bhxxly.com/UploadFiles/beta/1.jpg
结果搞成这个效果了:
http://www.bhxxly.com/UploadFiles/beta/2.jpg

<!-- 代码如下，如要修改CSS，写出着重的参数就行了，需要CSS文件可HI我 -->
<div id="nw_right">
<div id="web2r">
<h5>相关信息</h5>
<ul id="list10" style="line-height:25px; text-align:left;">
<td width="32%" height="60"><img src="/images/company.gif" width="35" height="28" /></td>
<td width="68%" align="left" valign="middle"><a href="/about/" target="_blank"> 公司简介</a></td>
</tr>
<tr>
<td height="60"><img src="/images/company2.gif" width="35" height="28" /></td>
<td align="left" valign="middle"><a href="/about/zhizhao.html" target="_blank">公司执照</a></td>
</tr>
<tr>
<td height="60"><img src="/images/company3.gif" width="35" height="28" /></td>
<td align="left" valign="middle"><a href="/about/rongyu.html" target="_blank">公司荣誉</a></td>
</tr>
<tr>
<td height="60"><img src="/images/company6.gif" width="35" height="28" /></td>
<td align="left" valign="middle"><a href="/about/lianxi.html" target="_blank">联系方式</a></td>
</tr>
<tr>
<td height="60"><img src="/images/company4.gif" width="35" height="28" /></td>
<td align="left" valign="middle"><a href="/about/pay.html" target="_blank">付款方式</a></td>
</tr>
<tr>
<td height="60"><img src="/images/company7.gif" width="35" height="28" /></td>
<td align="left" valign="middle"><a href="/about/kanghui.html" target="_blank">走进康辉</a></td>
</tr>
<tr>
<td height="60"><img src="/images/17.png" width="35" height="28" /></td>
<td align="left" valign="middle"><a href="/sitemap/" target="_blank">网站地图</a></td>
</tr>
<tr>
<td height="60"><img src="/images/09.png" width="35" height="28" /></td>
<td align="left" valign="middle"><a href="/links/" target="_blank">友情链接</a></td>
</tr>

<tr>
<td height="60"><img src="/images/mobile1.jpg" width="25" height="39" /></td>
<td align="left" valign="middle"><a href="/about/shouji.html" target="_blank">手机网站</a></td>
</tr>

</ul>
</div>
</div>
只要让图片变成一行一行的就OK了，修饰我自个来。

Answer 1

你忘加<table>标记了 呵呵

<div id="nw_right">
<div id="web2r">
<h5>相关信息</h5>
<ul id="list10" style="line-height:25px; text-align:left;">
<table>
<td width="32%" height="60"><img src="/images/company.gif" width="35" height="28" /></td>
<td width="68%" align="left" valign="middle"><a href="/about/" target="_blank"> 公司简介</a></td>
</tr>
<tr>
<td height="60"><img src="/images/company2.gif" width="35" height="28" /></td>
<td align="left" valign="middle"><a href="/about/zhizhao.html" target="_blank">公司执照</a></td>
</tr>
<tr>
<td height="60"><img src="/images/company3.gif" width="35" height="28" /></td>
<td align="left" valign="middle"><a href="/about/rongyu.html" target="_blank">公司荣誉</a></td>
</tr>
<tr>
<td height="60"><img src="/images/company6.gif" width="35" height="28" /></td>
<td align="left" valign="middle"><a href="/about/lianxi.html" target="_blank">联系方式</a></td>
</tr>
<tr>
<td height="60"><img src="/images/company4.gif" width="35" height="28" /></td>
<td align="left" valign="middle"><a href="/about/pay.html" target="_blank">付款方式</a></td>
</tr>
<tr>
<td height="60"><img src="/images/company7.gif" width="35" height="28" /></td>
<td align="left" valign="middle"><a href="/about/kanghui.html" target="_blank">走进康辉</a></td>
</tr>
<tr>
<td height="60"><img src="/images/17.png" width="35" height="28" /></td>
<td align="left" valign="middle"><a href="/sitemap/" target="_blank">网站地图</a></td>
</tr>
<tr>
<td height="60"><img src="/images/09.png" width="35" height="28" /></td>
<td align="left" valign="middle"><a href="/links/" target="_blank">友情链接</a></td>
</tr>

<tr>
<td height="60"><img src="/images/mobile1.jpg" width="25" height="39" /></td>
<td align="left" valign="middle"><a href="/about/shouji.html" target="_blank">手机网站</a></td>
</tr>
</table>
</ul>
</div>
</div>

追问

呵呵,我真是大头虾啊..
现在加了标签之后已经很接近了...
是这个样子:http://www.bhxxly.com/UploadFiles/beta/3.gif

但是图片和字之间的距离太靠近了，应该在哪调整？

追答

在dw 设计界面可直接拖拽的

追问

我用的是ASP 拖不了- -

不过我刚加了个框架后解决了，现在只剩下那个图一里面那个分隔线了。你知道怎么加这个代码吗？

追答

.td_clas{ border-bottom:1px solid #dedede;}

追问

让width限制住了。

加到哪会不受限制？

追答

什么意思，样式怎么了，截个图看看

追问

http://www.bhxxly.com/UploadFiles/beta/4.gif
如这个图

追答

公司简介

以后的都一样，你试试吧