course的margin值写错了

应该是margin:0 7px;  你没写上下的间距设为0 直接写7px默认为上下左右均为7px！

在普通的文档流中，父元素的高度是由子元素的内容撑开的。
如果float:left后脱离了文档流，浮动的子元素没有高度也没有内容，直接清除浮动，子元素是不能把父元素撑开的。清除浮动是为了后面的元素显示在浮动元素的后面。

少了</div>

<script src="js/js/mf-pattern/mF_51xflash.js" type="text/javascript"></script>

<script src="js/js/myfocus-2.0.1.min.js"></script>

<link href="js/js/mf-pattern/mF_51xflash.css" rel="stylesheet" type="text/css" />

                //上面是引入文件

<script type="text/javascript">            //调用

myFocus.set({

id:'myFocus',                  //这里是id

pattern:'mF_fancy'              //这里是你想用什么样式就选什么

});

</script>

                //html代码

<div class="ad" id="myFocus">        //id必须和上面一样

<div class="loading"><img src="img/loading.gif"/></div>

<div class="pic">   //这个类名必须要用pic

<ul>

<li><a href="#"><img src="img/1764be5af5a69edc354ea2e0bf497f46.jpg"/></a></li>

<li><a href="#"><img src="img/59243aa7d306b91b476d81a8eea5e5fa.jpg"/></a></li>         //图片填自己图片的路径

<li><a href="#"><img src="img/6a09f5e82d5c39e635f7e89a335122e2.jpg"/></a></li>

</ul>

</div>

</div>

                按照这种套路就ok了

给新闻中心这个盒子的最外层的div 盒子（就是与上边焦点图平级的div)设置margin-top:10px;的间距就行

我的情况和你一样

这是logo图片部分83px超过了logo栏的80px，导致下一个div的内容从logo图片位置后面开始。

你加一个css代码就可以了

.logo_left img {
	display: block;
}

你试一下把width和height都写上去，而不是只写一个width或者一个height。

background属性包含background-color属性，先设置background-color为白色，在设置background属性时如果你不加颜色参数，默认是无，也可以这样写background: #fff url("") no-repeat right center;

background: 颜色参数 url("") no-repeat right center;颜色参数的地方如果不写就是无，这个属性覆盖了background-color：#fff，background这个属性先写，background-color属性就会覆盖background。

这是老插件了，现在都停止维护了，在新的好用的库吧

谢谢你

亲测可以哦!

注意:因为浏览器的不同,在定义map的时候name和id都要定义和img里面的usemap相同!要是还是不行,把你写的代码贴出来给我看一下.

下面是我写的代码:具体的样式和视频中差不多,我这里用的jQuery启动的MyFocus.希望可以帮到你!

<!--焦点图制作-->
<div class="picBox">
<div class="pic">
<ul>
<!--thumb:图片缩略图地址,alt:图片描述,text:详细描述-->
<li><a href="#"><img src="img/ad2.jpg" thumb="" alt="" text="" usemap="#mapTest"></a></li>
<li><a href="#"><img src="img/ad3.jpg" thumb="" alt="" text=""></a></li>
<li><a href="#"><img src="img/ad4.jpg" thumb="" alt="" text=""></a></li>
</ul>
</div>
</div>
<map id="mapTest" name="mapTest">
<area alt="映射测试" href="index.html" target="_blank" shape="circle" coords="500,150,50"/>
</map>
<!--焦点图制作结束-->

-------------------

//焦点图的样式
	$('.picBox').myFocus({
		id:'picBox',
		loadIMGTimeout:0,//定义不需要加载时间.
		time:3,
		pattern:'mF_fancy',
		height:310,
		width:1000,
		textHeight:'default',
	});

那是图片上自己本来就有的

margin会改变内容视图的总宽度和高度吧

少了float：left;吧。你最好把代码贴出来，这样可以帮你找出代码是哪里错了

就你图片发上来的看，好像没错误

左右的话宽被撑到最大就换行了,所以你看到会认为有问题. 上下的话因为高被撑开了,所以看起来没问题.

在CSS中一般都是用类，当然ID也是可以的，但是不是很好，ID一般是用在JS中的，用来查找对象，比较精准

同问啊~

background:url(XX.jpg) no-repeat left center;

图片垂直居中方法

1. 出现这个错误，最可能的是引用的各个js的调用顺序有误，重新调整其引用顺序看看能否解决？

2. 还有一个原因就是在你引用js时，路径出错，不是你项目中正确的文件路径。

3. 还有一个原因是你的js中有某些值是不存在的。

4. 除了以上这个具体的错误，还可能遇到类似的Uncaught ReferenceError: XXXX is not defined错误，这类错误就要多检查传值错误，或者某些值不存在。
   

<script src="js/setHomeSetFav.js" type="text/javascript" charset="gb2312"></script>

<script type="text/javascript">
        myFocus.set({
          id:'picBox'
       })

    </script>

我的是这样设置的没什么问题啊，你看看是不是也东西拼写错了

http://pan.baidu.com/s/1dFv0FOt  我给你分享一个