作业疑问

登录

这个作业我做了蛮多次的，课学完了但是这个做不好不舒服。
但做完了浏览总是有问题，也检查不出到底是什么问题，请问老师能帮我看看吗？

我做完是这样的，设计视图：

可是浏览器浏览就变成这样了

是什么原因呢，总是做不好

潜意式 · 发表于 2016-9-10 17:20:18

把你的代码都复制粘贴上来下

tqq288 · 发表于 2016-9-10 19:46:36

潜意式发表于 2016-9-10 17:20
把你的代码都复制粘贴上来下

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{
margin:0px;
padding:0px;}
body{
font-family: "宋体";
color: #858484;
font-size: 12px;
line-height: 25px;
background-image: url(images/16701.jpg);
background-repeat: repeat-x;}
.top{
width: 100%;
height: 211px;
background-image: url(images/16702.jpg);
background-position: center top;
background-repeat: no-repeat;
}
.main{
width:700px;
height:auto;
margin:0px auto;
overflow:hidden
#Accordion1 {
}
#Accordion1 div {
margin: 0px;
}
#Accordion1 p {
height: auto;
background-image: url(images/16704.jpg);
background-repeat: repeat-x;
padding: 10px;
overflow: hidden;
}
#img01 {
margin: 25px 30px 30px;
float: left;
}
.font01 {
height: auto;
padding: 10px;
display: block;
overflow: hidden;
text-align: center;
}
.font01 img {
margin:5px 15px 5px;
}
.font02 {
height: auto;
display:block;
overflow:hidden;
text-align:center;
}
.font02 img {
margin:2px 5px 2px;

}
.img02 {
margin-left:50px;
margin-right:50px;
float:left;
}
#Accordion1 h3 {
height:40px;
margin:0px;
font-weight:bold;
line-height:40px;
border:1px #FFFFFF solid;
background-color:#D4D4D4;
cursor:pointer;
padding-left:30px;

}
</style>
<link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.accordion.min.css" rel="stylesheet" type="text/css">
<script src="jQueryAssets/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery.ui-1.10.4.accordion.min.js" type="text/javascript"></script>
</head>

<body>
<div class="top"></div>
<div class="main">
  <div id="Accordion1">
<h3><a href="#">关于我们</a></h3>
<div>
   <p><img src="images/16705.png" alt="" width="163" height="147" id="img01"/>我们公司是长期专注于高品质多媒体互动制作的全方位互动的营销公司，同时也拥有实力雄厚的技术研发团队、顶尖素养的设计团队及思维活跃的数字营销运营团队，并且这么多年一直致力于建立更多更好的互联网实用性品牌形象，提供权威专业的互联网品牌策划，并实施高标准、高回报的营销推广方案，创造真正意义上的营销型品牌网站，为互联网品牌在互动行销领域创造最大价值而不懈努力！<br>
  我们的宗旨是为客户量身打造一站式的品牌互动管家，我们致力于个性化产品的发掘和提升，我们提供从高端网站咨询与建设、电子商务策划运营、数字互动营销策划、媒介广告代理投放、网站SEO优化、互动创意设计、淘宝店铺高端定制、VI设计、3D网站建设、3D虚拟展厅等一系列专业服务。</p>
</div>
<h3><a href="#">作品展示</a></h3>
<div>
   <p class="font01"><img src="images/16706.jpg" width="175" height="125" alt=""/><img src="images/16707.jpg" width="175" height="125" alt=""/><img src="images/16708.jpg" width="175" height="125" alt=""/><br>
   <img src="images/16709.jpg" width="175" height="125" alt=""/><img src="images/16710.jpg" width="175" height="125" alt=""/><img src="images/16711.jpg" width="175" height="125" alt=""/></p>
</div>
<h3><a href="#">Logo设计</a></h3>
<div>
   <p class="font02"><img src="images/16714.jpg" width="120" height="120" alt=""/><img src="images/16715.jpg" width="120" height="120" alt=""/><img src="images/16716.jpg" width="120" height="120" alt=""/><img src="images/16717.jpg" width="120" height="120" alt=""/><img src="images/16718.jpg" width="120" height="120" alt=""/><br>
   <img src="images/16719.jpg" width="120" height="120" alt=""/><img src="images/16720.jpg" width="120" height="120" alt=""/><img src="images/16721.jpg" width="120" height="120" alt=""/><img src="images/16722.jpg" width="120" height="120" alt=""/><img src="images/16723.jpg" width="120" height="120" alt=""/></p>
</div>
<h3><a href="#">联系我们</a></h3>
<div>
   <p><img src="images/16724.png" alt="" width="131" height="100" class="img02"/>电话: +86-020-8753XXXX 8754XXXX<br>
传真:020-3352XXXX<br>
邮箱：DIGITALcaffe@163.com<br>
地址：北京市西城区XX路120号</p>
</div>
  </div>
</div>
<script type="text/javascript">
$(function() {
$( "#Accordion1" ).accordion();
});
</script>
</body>

</html>

潜意式 · 发表于 2016-9-12 17:35:48

这些外置的js和css样式文件都需要放到软件提示的指定文件夹中，才有效。我这边看了下，老师的素材有点乱，需要找到一起去，预览才有效。

tqq288 · 发表于 2016-9-13 12:17:15

潜意式发表于 2016-9-12 17:35
这些外置的js和css样式文件都需要放到软件提示的指定文件夹中，才有效。我这边看了下，老师的素材有点乱， ...

噢噢原来如此，路径出了问题，谢谢老师解答嘻嘻~

[作业] 作业疑问

本帖子中包含更多资源

共4个回复最后回复于 2016-9-13 12:17

本帖子中包含更多资源

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[作业] 作业疑问

本帖子中包含更多资源

共4个回复 最后回复于 2016-9-13 12:17

本帖子中包含更多资源

共4个回复最后回复于 2016-9-13 12:17