PJBLOG风格样式CSS修改影响页面布局的两点备注
本站页面,侧边栏掉到了内容页面的底部。侧边栏各咱日志插件列表显示宽度太小,根本不适合侧边栏的宽度。
经过PJBLOG群友类人 7%、ILANK等人的帮助,通过修改CSS这两个问题得到了解决。对于CSS可见其重要性。
现做个备注:
侧边栏或者内容栏宽度过宽,这样两侧边栏和内容栏无法正常排列,所以侧边栏会被挤到了内容页面下方。解决方法当然是减小内容栏或者侧边栏的宽度。
在皮肤风格下layout.css文件里,找到:
/*---主内容--*/
#mainContent{float:right;margin:5px 0px 0px -240px;text-align:center;width:100%;padding-left:10px;}
#innermainContent{margin:5px 10px 0px 240px}
#mainContent-topimg{}
#mainContent-bottomimg{height:0px;overflow:hidden;}
.content-width{margin:auto;width:100%}/
这四个数值分别就代表了上、左、下、右四个方向的对齐距离。适当的修改即可。
第二个问题是修改link.css文件里的代码:
.titleA:hover{color:#6b6b52;text-decoration:underline;}
.sideA:link,.sideA:visited{padding-left:10px;height:18px;overflow:hidden;display:block;margin-bottom:2px;width:180px;line-height:140%;color:#009;}
.sideA:hover{padding-left:10px;overflow:hidden;color:#00f;}
修改width的宽度到适合的大小即可。
相关新闻>>
- 发表评论
-
- 最新评论 更多>>