昨天的CSS样式问题其实很容易解决

Yacca — Thu, 31 Jul 2008 11:23:55 +0000

WordPress~ 真的让我学到了不少有趣的东西!

　　昨天的我很郁闷,原因在这里. 现在的我心情不错,有豁然开朗的感觉, 解决问题的感觉真tmd的有快感,所以我需要遇到许多问题,然后尽我所能一一解决之,那样是不是就...-.-

　　经Lucifr和slim两位友人的提醒,我在原有的CSS样式中添加了一句控制行高的代码,变成这样:

#ttf ul li {
float:left;
margin-right:10px;
overflow:hidden;
line-height:17px;
padding:5px 0 2px 18px;
white-space:nowrap;
width:140px;
}

　
　　目前我很确定的一点是,出现显示上的问题最根本的原因是高度没有控制好,因为加上line-height后,FireFox3那是根本没问题的,IE5.5-IE7下侧边栏全部恢复正常,可还有一个遗漏,那就是IE8...虽然IE8只是个测试版本,但既然都看到有问题了,难道随它去?! 这不是我的风格,我满脑子的解决,解决,解决! 经Oyster提醒,尝试着把line-height换成了height,以上代码变成这样:

#ttf ul li {
float:left;
margin-right:10px;
overflow:hidden;
height:17px;
_padding:6px 0 1px 18px;
padding:5px 0 2px 18px;
white-space:nowrap;
width:140px;
}

　
　　又多加了一句_padding,这是针对ie6专门写的hack代码,只在ie6下有效,如此一来,令我纠结几十个小时滴问题全面解决,hoho^o^. 有朋友说我这css写有够乱的,厄...初次接触这么多css的进阶知识,实在一时之间难以做到整洁,写的语句目标也是使得前端显示正常即可. 所以大家如果有好的建议,或者对以上css架构有不同的想法,欢迎留言让我观摩并学习.另外,Chada同学可以过来坐享其成了...

注: 如果对我写的语句不太明白什么意思,建议去这里好好学习并查询下,或者谷歌也是可以的.

随便走走看看

棘手且恼人的侧边栏分列显示bug

Yacca — Wed, 30 Jul 2008 08:02:48 +0000

换个WordPress图放下,老子来求助了.

　　不得不承认WordPress的Theme搞起来是很麻烦滴,也不得不埋怨自己是有点千色色滴. 这两件既定的事实导致了Movie Castle的侧边栏出现了这样那样的变化,以及显示上的bugs.

　　先看几张图吧,我很郁闷ing,怕表述不清楚.

Firefox3下侧边栏榜单的显示

IE6 IE7 IE8下的显示...

使用了同样的样式,分类则没有任何问题

友情链接则出现了一样的问题. FF3下正常,IE下出现问题

　　大家大概知道我的郁闷了吧...看了下源代码,没有任何问题,即产生这样的显示bugs99%是由于CSS样式造成的,具体问题在哪里,我不知道. Chada的站里边侧边栏在IE下显示也有问题,以下是截图,这间接说明我虽然精简了Chada的CSS样式代码,但这不是引起显示状况的主因,那究竟是什么呢?!

　　Sidebar.php文件中我是这么写滴:

<div class="widget_box">
<h2>titleh2>
<div id="ttf">
    php if(function_exists('ns_show_top_commentators')){ ?>
      <ul>
      php ns_show_top_commentators(); ?>
      ul>
    php } ?>
div>
div>

　　CSS中则是这么写滴:

#ttf ul li {
float:left;
margin-right:10px;
overflow:hidden;
padding:5px 0 2px 15px;
white-space:nowrap;
width:140px;
}

　　问题在哪呢?!...请积极为我和Chada找出这个bug的缘由及IE下的hack方法,感激不尽.哦,对了,我已经放弃Widgets了,所有侧边栏选项都是直接写在Sidebar.php之中滴...

Movie Castle » Themes

昨天的CSS样式问题其实很容易解决

随便走走看看

棘手且恼人的侧边栏分列显示bug

随便走走看看