学习韩顺平校内网项目时遇到的问题及解决方法

来源:互联网 发布:js原型链继承面试题 编辑:程序博客网 时间:2024/05/18 02:37

    • headjsp的注册设为首页等位置不对
    • footjsp的校内日志等位置偏下
    • 调整注册界面输入框的宽度
    • 隐藏显示大学gra_typegra_uni时表格变形
    • 注册界面高度自适应以后页面底部跑到上面

  • 做项目的时候遇到问题可以先试试清浏览器缓存或者换个浏览器,有一些和老师显示不一样的地方可能是因为浏览器版本较高。
  • 项目做了一半才想起要整理一下,可能会有漏掉的代码,望见谅。
  • 提交按钮不能变hand这个问题暂时没有找到解决方法,知道的大佬可以告诉我么( ´・ᴗ・` )
  • 持续更新…

1. head.jsp的注册、设为首页等位置不对

解决方法:

.navi1{    float: right;    margin :0;} .navi1 li{    float:left;    list-style-type: none;    color:#C3CDDF;    height: 33px;    width: 60px;    line-height: 33px;    text-align: center;}

2. foot.jsp的校内日志等位置偏下

解决方法:

 .navi2{    margin:0;    float: right;}.navi2 li{    float: left;    list-style-type: none;}   

另外如果图片错位要注意有没有漏掉这一句

<div style="clear: right;">

3. 调整注册界面输入框的宽度

解决方法:

input[type=text]{    width: 230px;}input[type=password]{    width: 230px;}   

当然也可以通过class来一个个修改

4. 隐藏显示大学(gra_typegra_uni)时表格变形

解决方法:
JS页面

function changeStatus(obj){    if(obj.value=='worked'){        $("#gra_type").hide();        $("#gra_uni").hide();    }else if(obj.value=='graduate'){        $("#gra_type").show();        $("#gra_uni").show();    }}   

JSP页面

<tr id="gra_type" style="display:none;">
<tr id="gra_uni" style="display:none;">

5. 注册界面高度自适应以后页面底部跑到上面

解决方法:
register.jsp在引入页尾前加一句:

<div style="clear: both;"></div>
阅读全文
0 0
原创粉丝点击