本机论坛研究在注册页右侧添加一个广告位 [复制链接] [手机版]

搜狗浏览器两种模式下文本背景条遮挡图片，图片顶端与下边框都有大约10px的距离；兼容模式下图片链接正常，高速模式下链接无效。

360极速的极速模式下链接无效，文本背景条遮挡图片，图片顶端和下边框有距离；兼容模式下链接正常，但图片顶端和上边框有大约10px距离，背景条右端和图片左侧有距离。

图片:472.gif

上传一张工作照（为了显示清晰，图片做了拼接处理），用的得力武器就是360极速浏览器的审查元素功能。

从截图中可以看到regform的宽度达到了908像素（右侧可以看到具体样式内容，直接修改就可以看到修改后的变化），它应该遮挡了右侧的图片，所以才会在有的模式下链接无效。我们要做的，就是调整这部分的显示宽度，让它的宽度达到图片的左侧就完全可以了。这就是此次修改的关键所在，把auto改成79%（为什么是这个数值？这是经过截图测量计算，再调整测试后的理想数据）就基本成功了。

过程记录就这些吧。接下来我们要把研究成果转化为实际应用（当然是应用到家园论坛了，需要修改注册页文件和它的对应样式文件，还有一个数据表需要添加广告位的配置数据）。

样式修改记录images/register/register.css
.regForm{position:relative;*margin-right:200px;width:79%;}
.regLogin{float:left;margin-left:-190px;width:190px;*border-left:1px dotted #dddddd;min-height:200px;_height:200px;margin-top:-10px;}
auto换成79%，就这么三个字符就是此次修改的关键，足足用了我半天的时间；下面那行样式添加星号注释左边框效果，位于图片的左侧，不让它显示；后面增加上外边距负10像素，也就是向上移动10个像素，也就消除了图片顶端和regtitle间的距离。

样式修改就这么两处或三处（左边框要不要影响不大），却用了我半天的时间，只能说自己太菜了。但不管如何，自己做到了。结果最重要，不是吗？

为了保险起见，为了避免不必要的麻烦，我们采取的是最为稳妥的方式：登录空间管理面板（磁盘使用情况：1064.4M/2000M），登录数据库管理，在数据表中插入数据。

还差那个测试用的图片没有上传。添加广告，然后在家园论坛正式测试。

添加广告完成。一切都准备就绪，开始测试喽。

经4大浏览器8种模式测试，结果堪称完美。
顾兄一家现在在老丈人家过年，估计测试不方便，那我们自己收兵吧。
又瞎忙了一上午。