• 产品页面显示产品数在IE6-IE8的不同之处,有截图。

  • walterh 于 2012/4/16 6:46:36 2944 次浏览 5 参与讨论

这个是WINXP-IE6的截图

 

 

这个是WINXP-IE8的截图

参与讨论 5人

回复
  • 回复 2012/4/16 6:51:29 . 黑蚂蚁 2楼
  • 你这个不属于,3.4 版本的 bug 吧,3.4 版本,产品列表页,就没有这个排列形式。

    这个你属于你自已改动的样式。需要在样式中调节。谢谢!

  • 回复 2012/4/16 6:54:27 . walterh 3楼
  • 哦,怪不得了,多谢黑大侠指点。
  • 回复 2012/4/16 6:57:04 . 黑蚂蚁 4楼
  • 你可以找到 产品这个列表的展示样式,然后针对左右的 间距调整一下,具体的形式,我没看到代码不好说。

    不过,这个产品列表,你自已修改的,应该清楚的。

  • 回复 2012/4/16 11:14:50 . walterh 5楼
  • 其实我是把模板1,2的CSS结合,在模板1的CSS上添加了一下内容

    /*产品列表页面*/

    .T_mid_list{ width:728px; float:right;}
    .T_mid_list li{ width:720px; float:left;}
    .T_mid_list_li_1{ height:25px; line-height:25px; border-bottom:1px solid #666666;}
    .T_mid_list strong,.T_About_li_1 strong,.T_N_list_li_1 strong,.T_contact strong{background-image:url(../Clkj_images/left-ico_1.gif); background-repeat:no-repeat; background-position:0px 7px; text-indent:1.2em; float:left;}
    .T_mid_list span{ float:right;}
    .T_mid_list_li_2{ text-align:center;}
    .T_mid_list div { float:left; width:180px;  text-align:center; margin-top:10px;}
    .T_mid_list div dl dt{width:150px; text-align:center; height:150px; vertical-align:middle;  position:relative; display:table-cell;  border:1px solid #ddd; padding:0px!important;padding:5px;}
    .T_mid_list div dl dd{width:140px;  height:30px; line-height:30px; text-indent:0.5em!important;text-indent:0.0em;}
    .T_mid_list div dl dt p {position:static; +position:absolute;top:50%;}
    .T_mid_list div dl dt p img{position:static; +position:relative;top:-50%;left:-50%; width:expression(this.width > this.height && this.width >145 ? 145 : true);
    height:expression(this.height > this.width && this.height > 145 ? 145 : true);max-width:145px;max-height:145px; }
    .T_mid_list_li_3{ height:25px; line-height:25px;}

     

    再把products.asp,修改了下。

  • 回复 2012/4/16 11:31:13 . walterh 6楼
  • 调整了宽度之后,问题解决了,谢谢黑老大!
  • 添加一条新的回复

    返回列表
  • 验证码: 验证码
  • HI,欢迎来到SEMCMS外贸网站管理系统
  • 注册 登录
  • SEMCMS公众号扫一扫加关注
    及时了解系统更新情况
  • SEMCMS公众号扫一扫加关注