看恐怖片能减肥吗:关于博客的一个不小的问题(对我来说)。高手进吧!

来源:百度文库 编辑:中科新闻网 时间:2024/05/05 14:42:01
如果使用了CSS代码把网页进行分栏,但是每一栏的标题应该如何加进去?以下是我使用别人的分栏,但是用了后每一个框框还是不显示。具体是哪种情况我也讲不清,谁要是能帮上忙就到http://particular.bokee.com/ 上看看 还有上边那个链接管理也删不了!!!!!!!
/*=======自定义样式=======*/
.mydiv1{
float:left;
width:291px;
line-height:20px;
padding: 0px 0px -2px 0px;
border-left:1px solid #94A6BD;
border-right:1px solid #94A6BD;
border-bottom:1px solid #94A6BD;
}
.mydiv2{
float:left;
width:291px;
line-height:20px;
padding: 0px 0px -2px 0px;
border-left:0px solid #94A6BD;
border-right:1px solid #94A6BD;
border-bottom:1px solid #94A6BD;
}
.mydiv3{
float:left;
width:291px;
line-height:20px;
padding: 0px 0px -2px 0px;
border-left:1px solid #94A6BD;
border-right:1px solid #94A6BD;
border-bottom:1px solid #94A6BD;
}
.mydiv4{
float:left;
width:291px;
line-height:20px;
padding: 0px 0px -2px 0px;
border-left:0px solid #94A6BD;
border-right:1px solid #94A6BD;
border-bottom:1px solid #94A6BD;
}
.mydiv5{
float:left;
width:291px;
line-height:20px;
padding: 0px 0px -2px 0px;
border-left:1px solid #94A6BD;
border-right:1px solid #94A6BD;
border-bottom:1px solid #94A6BD;
}
.mydiv6{
float:left;
width:291px;
line-height:20px;
padding: 0px 0px -2px 0px;
border-left:0px solid #94A6BD;
border-right:1px solid #94A6BD;
border-bottom:1px solid #94A6BD;
}
.myli{
list-style-image:url('inc/article.gif');
width:230px;
height:20px;
margin-left:0px;
overflow:hidden;
text-overflow:ellipsis;
white-space : nowrap
}
.myimg{
float:right;
height:7px;
width:38px;
border:0;
padding: 6px 5px 5px 0px;
}
.mybg{
height:22px;
color:#033261;
padding-top:4px;
padding-left:5px;
background-image: url(/inc/21.gif )
}

呵呵,很明显是你分栏width设置过大,导致标题下沉,能看见才怪哦:)

我们所指的CSS栏目式布局一般是一行两列的显示方式:

一、如果是呈这样的双列堆成一列下沉图案:

原因必然是加在首页CSS代码中的.mydiv1和.mydiv2的width值过大了,只需把这两处的width值改小即可(可以反复实践直至不下沉为止,每改一次查看效果时需要按CTRL+F5刷新一次)。

二、如果是呈这样的单双列交错下沉图案:

这是因为分栏允许显示的汉字太多所致。找到加入分栏代码的单篇文章,将代码中“s = s.slice(0,20);”这句的数字20改为更小的数值,然后重新发表这篇文章即可。

三、如果是呈这样的左、右边框不咬合的下沉图案:

一般情况下同普通文章下沉原因相同,即首页中某些文字、播放器、图片太宽以致首页撑不住而下沉,本例中即为橙黄色的导航栏太长所致。

四、如果是呈作者信息和分栏在同一列的图案:

原因是加在首页CSS代码中的.mydiv1和.mydiv2的width值过大了,只需把这两处的width值改小即可(可以反复实践直至不下沉为止,每改一次查看效果时需要按CTRL+F5刷新一次)。

五、如果呈底线下面还有文字的现象:

原因是分栏允许显示的汉字太多所致。找到加入分栏代码的单篇文章,将代码中“s = s.slice(0,20);”这句的数字20改为更小的数值,然后重新发表这篇文章即可。

六、如果分栏无法展开,首先请注意以下地方是否正确:

①showcatalog("mcategory?","category?")

代码中会有很多类似上面的语句(每个分栏对应一个语句),请确保每一个类似语句的问号处的数值都不相同,而且mcategory后的数值应呈递增。另外请注意不要出现两个mcategory值相同的现象。

②<div class="mydiv1" target="_blank">和<div class="mydiv2" target="_blank">这两个语句应该交替,不能都错写成mydiv1或是mydiv2。

③<div class="divtext" id="mcategory?" target="_blank">

代码中会有很多类似上面的语句(每个分栏对应一个语句),请确保每一个类似语句的问号处的数值都不相同,而且mcategory后的数值应呈递增并分别与showcatalog("mcategory?","category?")中的mcatagory后的数值相对应。另外请注意不要出现两个mcategory值相同的现象。

七、如果根本就没看见分栏,文章仅显示代码:

证明你提交文章的方式不正确,正确的操作方式是:登陆后台,点击“写新文章”,然后点击“切换HTML原始码”,将代码复制进来,点击“保存并发布”。

切记:千万不能在后台里编写代码;一旦在博客日志中加入代码并提交后,千万不要再去编辑该日志,否则会功亏一篑!