校内网css标签详解
4、移动sidebar
<style type=text/css><!--#sidebar {z-index:1; width:130px; position:absolute;; left:480px; top:50px;}#sidebar li{border:0px; }#sidebar li a{border:solid;border:1px; border-color: #999999;} #sidebar li{margin:0;padding-top:10px; } --></style><!--左侧导航栏-->
这里修改了一下border的属性,如果单纯移动sidebar可用下面代码
<style type=text/css><!--#sidebar {z-index:1; width:130px; position:absolute;; left:480px; top:50px;}--></style><!--左侧导航栏-->
参数说明:
position:absolute : 将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距,但仍有补白和边框。
其中z-index:1;表示置于顶层。此处如果不加这一参数,sidebar移动到这一位置时,链接将无法点击。
其余参数同上
5、移动header
<style type=text/css><!--#header{width:750px; position:relative; left:-145px; } --></style><!-移动header->
参数意义同上
6、关于overflow:visible;
overflow:visible : 不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效 举例说明吧,代码都是写在涂鸦板内的,所以如果不用position:absolute进行绝对定位时,所加的图片或flash等都是在涂鸦板内的,此时我的涂鸦板位置移动了,我再要绝对定位flash如我顶部的导航栏,就要在#content #userPandora的代码内加上overflow:visible;才能使原本在涂鸦板内的flash绝对定位的显示。而涂鸦板又是在content中的,content也移动了,所以content也要加上,同理,homepage也要加上。
在移动了相关部分,关在各部分代码里加入overflow:visible;参数后,用绝对定位代码定位图片或flash时,如果图片或flash不见了,可以把定位代码里的left和top的值调小或置零,然后再一点点的调整好位置。
三.相关问题:
在加宽或移动页面某一部分时,要注意页面整体的协调性。比如我加宽了涂鸦板,盖住了外样好友列表,这时我就要隐藏外校好友列表。而隐藏外校好友列表后,有时我的日志过长,会使左侧显得很空,这时我就要限制日志的长度。还有就是移动sidebar后,广告会挡住日志,这时要把广告隐藏。
隐藏各部分相关代码请参考群内相应帖子.