[内置]文章封面列表（竖线分隔），前台图片显示严重错位？

图片显示严重错位

图片显示严重错位

内置的文章封面列表（竖线分隔），前台图片显示严重错位？各位前辈，需要如何修改代码呢？
代码如下：

1. <div class="module cl ml">
   
2. <ul>
   
3. [loop]
   
4. <li style="width: {picwidth}px;">
   
5.         <a href="{url}"><img src="{pic}" width="{picwidth}" height="{picheight}"
   
6. 
   
7. alt="{title}" /></a>
   
8.         <p><a href="{url}" title="{title}"{target}>{title}</a></p>
   
9. </li>
   
10. [/loop]
    
11. [order=odd]
    
12. <li style="margin-right: 18px; padding-right: 24px; border-right: 1px solid #EEE; width:
    
13. 
    
14. {picwidth}px;">
    
15.         <a href="{url}"><img src="{pic}" width="{picwidth}" height="{picwidth}"
    
16. 
    
17. alt="{title}" /></a>
    
18.         <p><a href="{url}" title="{title}"{target}>{title}</a></p>
    
19. </li>
    
20. [/order]
    
21. </ul>
    
22. </div>

复制代码

把这个删掉[loop]

1. <li style="width: {picwidth}px;">
   
2.         <a href="{url}"><img src="{pic}" width="{picwidth}" height="{picheight}"
   
3. 
   
4. alt="{title}" /></a>
   
5.         <p><a href="{url}" title="{title}"{target}>{title}</a></p>
   
6. </li>
   
7. [/loop]

复制代码

如果出现错位的就调整

1. <li style="margin-right: 18px; padding-right: 24px; border-right: 1px solid #EEE; width:
   
2. 
   
3. {picwidth}px;">

复制代码

里面的margin-right:    和padding-right: 24px;

爱乐讯 发表于 2013-4-29 11:34
把这个删掉[loop]如果出现错位的就调整里面的margin-right:    和padding-right: 24px; [/back ...

解决不了，还是错位

错位一般是css样式不规范导致的   建议你先去了解下css样式

错位或浏览器不兼容等情况一般是css样式不规范导致的   建议你先学习下css样式  也方便你未来对站点的管理

错位或浏览器不兼容等情况一般是css样式不规范导致的   建议你先学习下css样式  也方便你未来对站点的管理

错位或浏览器不兼容等情况一般是css样式不规范导致的   建议你先学习下css样式  也方便你未来对站点的管理

有金币哦

回复本帖可获得 5 个金币奖励! 每人限 1 次(中奖概率 20%)

Rinald 发表于 2013-4-29 23:30
错位或浏览器不兼容等情况一般是css样式不规范导致的   建议你先学习下css样式  也方便你未来对站点的管理

已经修复好了