图片列表给图片加外框有点错位

在图片列表的时候我给图片加了外框，但发现有点错位，请大师们指点下！代码如下：

1. 
   
2. <li style="width: {picwidth}px;">
   
3. <div style="padding:3px;border:1px solid #cccccc;"><a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a></div>
   

复制代码

以下为错位图

要修改成这样外框在图片四周是均匀的：

  楼主你网址是多少 图片很吸引人

padding:3px;  你的图片和你的边框一样大，而你的图片又 padding 3 当然会这样了。

rat9 发表于 2013-4-5 17:29
padding:3px;  你的图片和你的边框一样大，而你的图片又 padding 3 当然会这样了。

图片的外边框是3，这样不对呀，那要怎么修改，请赐教，谢谢！

现在注重内容原创 加用户体验 。。

图片很吸引人

wushangwang 发表于 2013-4-5 20:37
图片的外边框是3，这样不对呀，那要怎么修改，请赐教，谢谢！

<li style="width: {picwidth}px;">
改成<li > 试试吧  

rat9 发表于 2013-4-6 18:11
改成 试试吧

不行，改了之后图片就不是列表形式了，一行只有一个

谢谢楼主，支持