日期:2014-05-17  浏览次数:20562 次

关于web的前台开发
之前在论坛上,已经发了一次的了,现在还是不行,我想要开发的界面是:



但是目前的我只是开发到:



但是目前的我只是开发到:
 

<!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>userManger</title>
<link type="text/css" rel="stylesheet" href="css/userManage.css"  />
</head>
<body>
<div id="contain">
<div id="dhTop">
  <div id="hello"></div>
</div>
<div id="leftPanel">
  <div id="userManger"></div>
</div>
<div id="rightPanel">
  <div id="userTable"></div>
</div>
<div id="dhEnd"></div>
</div>
</body>
</html>


userManger.css:

/* CSS Document */

body{
background-color:#446787;
background-image:url(../images/bgFull.png);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
#contain {

}
#dhTop { 
background-image:url(../images/dhTop.png); 
left:0px;
top:0px;
width:1022px;
height:36px;
}

#userManger {
background-image:url(../images/userManger.png); 
left:29px;
top:185px;
width:153px;
height:27px;
}

#dhEnd {
background-image:url(../images/dhEnd.png); 
left:0px;
top:696px;
width:1022px;
height:26px;
}




ps里面的图片本来没有那么大的,是我拉大然后再保存,才可以那么大的,
现在的话,我该怎么才可以弄到像pS那样的图片??
现在
1.既不能把顶部的导航拉长到尽头,
2.又不能把底部的导航拉长到尽头还有放在下面,怎么才可以让它在下面??
3.还有怎么设置背景图放在特定的位置??比如我又那么巧合把它放在ps的那些图片的位置上?
4.怎么可以让ps和dreamweaver结合起来,方便点用??


------解决方案--------------------
像你这么写宽度都固定死了,分辨率一变,肯定会走形的,可以居中固定宽度,可以百分比控制
------解决方案--------------------
引用:
Quote: 引用:

像你这么写宽度都固定死了,分辨率一变,肯定会走形的,可以居中固定宽度,可以百分比控制

这个怎么弄??初学。。。


width:100% 使当前元素根据外部的情况调整到最100%宽度

初学的话你这个界面确实太复杂了
如果你只是学习的话 从简单的先开始学习吧