为了账号安全,请及时绑定邮箱和手机立即绑定

我想和图片末尾呈现一样,但是不管用table还是div都会错乱,求大神改良代码

我想和图片末尾呈现一样,但是不管用table还是div都会错乱,求大神改良代码

慕尼黑1589570 2017-07-07 11:23:05
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>滁州学院网页</title> <style type="text/css"> body{ margin:0;padding:0;text-align:center;font-size:16px; } .menu{width:950px;height:32px;background:#093;position:relative;top:10px;margin:0 auto ;} .menu ul{float:right;position:relative;bottom:12px;margin:0 auto } .menu ul li{ list-style-type:none; margin:0 13px; line-height:50px; float:left; ; } .header{width:950px;height:120px;margin:0 auto;background-image:url(images/logo.jpg);line-height:950px;} .container{width:950px;margin:0 auto;height:500px;position:relative;top:10px;} .left{width:320px;height:100%;background:green;float:left;line-height:500px; } .right{width:200px;height:100%;background:;float:right;} .right1 ul li {text-align: left;} .right1 ul li a{text-decoration:none;color:black;} #s1{margin-top:50px;} select{margin-top:4px;margin-bottom:4px;} .right2 input{text-align:center; } .middle{width:430px;height:;} .footer{width:950px;height:200px;margin:0 auto;line-height:200px;background:pink;position:relative;top:40px;clear:both;} #fot1{position:relative;top:-80px;} hr{position:relative;top:60px;width:100%;  height:2px;} table{} </style></head><body> <div class="header"></div> <div class="menu"> <ul> <li><a href="#">网站首页</a></li> <li><a href="#">校情总览</a></li> <li><a href="#">机构设置</a></li> <li><a href="#">教育教学</a></li> <li><a href="#">科学研究</a></li> <li><a href="#">师资队伍</a></li> <li><a href="#">招生就业</a></li> <li><a href="#">合作交流</a></li> <li><a href="#">图是资料</a></li> <li><a href="#">信息公开</a></li> </ul> </div> <div class="container"> <div class="left"><img src="images/banner.jpg" height="500px" width="320px"/></div> <div class="middle"></div> <div class="right"> <div class="right1"> <ul type="square"> <li><a href="">校园电子邮箱</a></li> <li><a href="">学校第二次党代会</a></li> <li><a href="">教学质量工程网</a></li> <li><a href="">办公自动化系统</a></li> <li><a href="">师德师风建设</a></li> <li><a href="">学工系统</a></li> <li><a href="">招生网</a></li> <li><a href="">招标采购</a></li> </ul> </div> <div> <form> <select id="s1">    <option value="" selected>教学院部</option>    <option value="">---------</option>    <option value="">文学与传媒学院</option>    <option value="">数学与金融学院</option>    <option value="">计算机与信息工程学院</option>    <option value="">机械与汽车工程学院</option>    </select>    <select>    <option value="" selected>组织机构</option>    <option value="">---------</option>    <option value="">文学与传媒学院</option>    <option value="">数学与金融学院</option>    <option value="">计算机与信息工程学院</option>    <option value="">机械与汽车工程学院</option>    </select>    <select>    <option value="" selected>友情链接</option>    <option value="">---------</option>    <option value="">文学与传媒学院</option>    <option value="">数学与金融学院</option>    <option value="">计算机与信息工程学院</option>    <option value="">机械与汽车工程学院</option>    </select>    <select>    <option value="" selected>信息服务</option>    <option value="">---------</option>    <option value="">文学与传媒学院</option>    <option value="">数学与金融学院</option>    <option value="">计算机与信息工程学院</option>    <option value="">机械与汽车工程学院</option>    </select>    <div class="right2">    <input type="text" name="sousuo" size="15px" />    <input type="image" name="" src="images/fang.png"/>    </div> </form> </div> </div> </div> <div class="footer"> <table width="100%" id="fot1"  > <tr> <td><a href=""><img src="images/xinxi.png" /></a></td> <td><a href=""><img src="images/wangluo.png" /></a></td> <td><a href=""><img src="images/he.png" /></a></td> <td><a href=""><img src="images/fei.png" /></a></td> <td><a href=""><img src="images/jiaoyu.png" /></a></td> <td><a href=""><img src="images/gaosu.png" /></a></td> </tr> <hr color="#093"/>                         </table>    </div>  </body></html>
查看完整描述

2 回答

?
李裹富

TA贡献3条经验 获得超0个赞

不知道你想要干嘛。 目标啥样   现在啥样  至少说清楚嘛

查看完整回答
反对 回复 2017-09-15
  • 2 回答
  • 0 关注
  • 1444 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信