首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

如何把<input type="text"/>拖到中间?

2013-06-19 
怎么把input typetext/拖到中间??初学dreamweaver,我想把左上角的那个input typetext/,拉到图片

怎么把<input type="text"/>拖到中间??
初学dreamweaver,我想把左上角的那个<input type="text"/>,拉到图片的中间那里,该怎么弄??
直接拉的话,拉不了。。
或者说,代码应该怎么改???
如何把<input type="text"/>拖到中间?

login.css:


/* CSS Document */
body{
position:absolute;
left:318px;
top:426px;
width:582px;
height:364px;
background-image:url(../images/log.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}


login.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>login</title>
<link type="text/css" rel="stylesheet" href="css/login.css" />
</head>
<body>
<html>
<div>
user:<input name="text" type="text" />
</div>
</html>
</body>
</html>

[解决办法]
囧,你给包input 的div设样式啊,宽度等于那个图片的宽度,高度等于那个图片的高度,然后margin:0 auto; 这是控制左右居中,别加float:left;然后margin-top:XXXpx就行了(XXX为你那个图片距离顶部的距离)。这样里面的input就在你那图片上面了,前提是你那图片是个背景图
[解决办法]
你为啥body里面写个absolute,应该div上写啊...你加浮动流也OK...不知道你背景图多大!
[解决办法]
添加一个class属性:<input type="text" class="userName"/>
方法一:.userName{position:absolute;left:300px;top:250px;}
方法二:.userName{float:left;margin-left:300px;margin-top:250px;}

热点排行