删除不必要的空白区域

Question

I have this fragment class which marks an area with red. My system is separated into two types: categories and rules. When rules are fragmented, they receive the new css class well and it looks properly, but it's different with categories, they have that unnecessary white-space in top of the category.

Here is a screenshot of what I mean:

Here is a live demo and you can check the source code for more information as I wont be able to provide the proper code since I am not the original author of the style:

http://zirotec-uka.com/dugi/phpBB3/rules.php#rule1

Thank you.

Answer 1

You have a rule specifying h3 { margin-top: 20px; } h3 { margin-top: 20px; } . That is what causes the space.

You can override that with #main h3 { margin-top: 0; } #main h3 { margin-top: 0; } .

Answer 2

你需要设置

#main ul h3, #main ol h3 { margin-top: 0;}

Answer 3

You just need to remove the "padding" CSS element.

You can do this statically as follows:

$("#rule1").css("padding-top", "0px");

See how it looks now:

http://imgur.com/erWTH

Answer 4

This is being caused by a the padding in .fragment (style.php:4007)

.fragment {
    padding: 5px 5px 0 5px;
    background-color: #ECD5D8;
    color: #BC2A4D;
    font-weight: bold;
}

You need to change this or override it.

Answer 5

问题是由浏览器设置的默认填充，可以通过以下规则解决

#rules li{ padding:0px;}