首页 » Forums » Drupal 一般讨论区 » 外观主题

求助：如何修改Book页面的CSS

由 steven076 于 星期四, 2008-07-31 22:51 发表

网站换了主题，默认的Book页面排版很不美观(左下方缺掉一块），
http://www.lawcase.org/archives/node/226
想把下半部分的文章列表向左移到左边距对齐，请各位指导，谢谢！

‹ 请问做栏目列表的详细步骤 添加regions到node.tpl.php ›
»
由 fhileo 在 星期五, 2008-08-01 10:38 发表。

修改相应的css就可以

修改相应的css就可以了，默认的ul列表有缩进

－－－－－－－

http://fhileo.cn
http://www.networkdictionary.com
http://www.networkdictionary.cn

－－－－－－－

http://fhileo.cn
http://www.networkdictionary.com
http://www.networkdictionary.cn

»
由 steven076 在 星期六, 2008-08-02 21:18 发表。

能否说的详细些，比

能否说的详细些，比如该哪个文件和代码，我们都是外行，谢谢！

http://http://www.lawcase.org

»
由 steven076 在 星期日, 2008-08-10 16:34 发表。

我们通过IE查看了这类

我们通过IE查看了这类页面的代码，

<div class="book-navigation"><ul class="menu"><li class="leaf">

估计需要修改相关的CSS

然后修改了Book模块的CSS为，

.book-navigation .menu {
  border-top: 1px solid #888;
  padding: 1em 0 0 1em;

但只是左移了一点点，看来是没找对需要修改的文件。

http://http://www.lawcase.org

»
由 Evance 在 星期三, 2008-08-13 17:01 发表。

在firefox下是正常的，

在firefox下是正常的，但是在ie下不正常的。
因为ie对ul和li标签的默认的padding和margin值解释不一致...因此出错了 ..

个人建议用比较通用的办法来操作..
首先让这一个列表中的ul和li的margin和padding都为0

然后再设置一个不重复的背景图片做为一个list图标
最后让每一个li标签的内容右移一定的距离如有text-indent属性..这样操作的话，比较通用，而且不会出现很多浏览器的问题...

---------------------------------------------------
http://Evance.name

布拉格公园

»
由 steven076 在 星期四, 2008-08-14 06:39 发表。

谢谢Evance，看来这个

谢谢Evance，看来这个问题处理起来有点麻烦。

http://http://www.lawcase.org

»