关于jsp 中struts标签和 css应用的有关问题
日期：2014-05-19 浏览次数：20622 次
关于jsp 中struts标签和 css应用的问题
这是jsp页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/emplogin.css">
<title>管理员页面</title>
</head>
<body>
<s:form action="adLogin" background="images/emplogin.jpg">
<s:div id="container">
<s:div id ="user">
<s:textfield name="username" id="user_input"/>
</s:div>
<s:password name="password" label="密码"></s:password>
<s:submit value="登陆"></s:submit>
</s:div>
</s:form>
</body>
</html>
这是css页面
@CHARSET "UTF-8";
body
{
font:12px 微软雅黑;
margin:50px;
text-align:center;
}
#container
{
background:url(../images/emplogin.jpg);
width:1000px;
height:613px;
}
#user
{
background-color:#999999;
margin-top:0px;
margin-left:300px;
width:120px;
height:200px;
}
#user_input
{
width:120px;
border-style:solid;
border-color:#cadcb2;
}
为什么user_input 没有在user区域里面 而是在别的地方
------解决方案--------------------
你把
#user
{
background-color:red;
margin-top:0px;
margin-left:300px;
width:120px;
height:200px;
}
改为
#user
{
background-color:red;
margin-top:0px;
margin-left:300px;
width:130px;
height:200px;
}
就会发现在其中了，主要是宽度问题
或者，你在<s:textfield name="username" id="user_input"/>前面加几个字符
如：
=====<s:textfield name="username" id="user_input"/>
你也会发现在其中
这是jsp页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/emplogin.css">
<title>管理员页面</title>
</head>
<body>
<s:form action="adLogin" background="images/emplogin.jpg">
<s:div id="container">
<s:div id ="user">
<s:textfield name="username" id="user_input"/>
</s:div>
<s:password name="password" label="密码"></s:password>
<s:submit value="登陆"></s:submit>
</s:div>
</s:form>
</body>
</html>
这是css页面
@CHARSET "UTF-8";
body
{
font:12px 微软雅黑;
margin:50px;
text-align:center;
}
#container
{
background:url(../images/emplogin.jpg);
width:1000px;
height:613px;
}
#user
{
background-color:#999999;
margin-top:0px;
margin-left:300px;
width:120px;
height:200px;
}
#user_input
{
width:120px;
border-style:solid;
border-color:#cadcb2;
}
为什么user_input 没有在user区域里面 而是在别的地方
------解决方案--------------------
你把
#user
{
background-color:red;
margin-top:0px;
margin-left:300px;
width:120px;
height:200px;
}
改为
#user
{
background-color:red;
margin-top:0px;
margin-left:300px;
width:130px;
height:200px;
}
就会发现在其中了，主要是宽度问题
或者，你在<s:textfield name="username" id="user_input"/>前面加几个字符
如：
=====<s:textfield name="username" id="user_input"/>
你也会发现在其中
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
