毕业设计(二十三)---空间大致布局 简画
2015-09-19 00:00
525 查看
左侧为个人资料 的小的导航, [具体各项还没有需改]
点击分别在右侧显示内容
个人空间主页的时候 默认在中间区域显示好友动态或者全站动态
<div id="wai" > <div id='ad2' > <a href="${zonead_link }" target='_blank'><img src="<%=basePath%>${zonead_picAdd }" width="950" height="100" border="0" /></a> </div> <div id="gerenziliao" > <span style="font-size:20px" >${user.zonetitle }</span> <div id="touxiang" > <s:if test="#session.user.headImage!=null"> <img src="<%=basePath %>${ user.headImage}" width="120px" height="120px" /> </s:if> <s:else> <img src="<%=basePath%>public/image/morentouxiang.png" width="120px" height="120px" /> </s:else><br/> <a href="javascript:void(0);" onclick="tanchuChangeHeadImage();" >更换头像</a> <a href="myzone!xiugaiziliaoPre.action" >修改资料</a> </div> <ul id="nav2"> <li><a href="#">home</a> </li> <li><a href="#">about</a> </li> <li><a href="#">news</a> </li> <li><a href="#">products</a> </li> <li><a href="#">services</a> </li> <li><a href="#">clients</a> </li> <li><a href="#">blog</a> </li> </ul> </div> <div id="mk" > <div id="haoyoudongtai" >sdfdsfddddddddddddd</div> <div id="wodeguanzhu" ></div> </div> </div>
#wai { position: relative; margin : 0px auto; width: 950px; } #ad2{ position: relative; margin: 0px auto; top: 27px; width: auto; height: 100px; border: 1px solid red; } #mk{ position: absolute; left: 180px; top:135px; width: 770px; border: 1px solid black; text-align: center; } #gerenziliao{ top: 135px; position: absolute; border: 1px solid blue; width:180px; height:450px; background-color: #EBF1F4; } #mk #haoyoudongtai{ position: absolute; border: 1px solid blue; left: 0px; width:520px; height:900px; } #mk #wodeguanzhu{ position: absolute; border: 1px solid blue; left:520px; width:250px; height:450px; }
版权声明:本文为博主原创文章,未经博主允许不得转载。
相关文章推荐
- 毕业设计(五)---spring学习笔记(3)之-dataSource,sessionFactory,hibernateTemplate,事务 的简单配置。
- mysql 时间和日期函数
- Spring 拦截器的使用 例子
- 毕业设计(九)---注册和登录逻辑
- Hibernate的缓存机制
- 毕业设计(十)---用DWR实现 代替AJAX 用户注册检测用户名是否已经存在
- 在Action类中获得HttpServletResponse对象的四种方法
- easyUi 教程资料分享
- 毕业设计(四)---spring学习笔记(2)之-AOP
- 毕业设计(二十六)--- 上传头像预览
- Spring SpringMvc 3.0 + MyBatis 整合--补充关于.properties文件的读取
- IIS不能访问映射的网络驱动器
- JAVA Callback效率测试
- # hihocoder #1051 补提交卡
- 二十三种设计模式之结构型模式之桥接模式
- freebsd安装postgresl
- 题目11 奇偶数分离
- jQuery事件与应用
- 360酷派正式和解:360增持奇酷科技股份至75%
- django里面文件上传处理处理