Unspecified Margin Problem?
On this page, the title says it has a margin top & bottom of 25px (when I use inspect element in Chrome 10) - but the CSS开发者_如何学运维 looks like this:
.post h2 {
margin:0;
text-align: left;
font-size: 18px;
overflow:hidden;
font-weight:normal;
}
I'm trying to decrease the top and bottom margins around the title.
Here's a screenshot of the problem:
As i can see there no problem in your class=title
and your h2 have this:
h2 {
color: #000000;
font-family: HarabaraHandItalic;
font-size: 30px;
padding: 0 0 0 15px;
}
and
.title {
background: url("images/title.jpg") no-repeat scroll 0 0 transparent;
margin: 0 0 0 0;
padding: 0;
}
the url is not working and you can add margin in your h2 instead.
There's no such element on the page. You should edit .title h2
instead of .post h2
.
The <h2>
is displaying a default margin (which varies depending on the browser); if you want to edit the margin, use .title h2
or the generic h2
(line 405 of style.css according to FireBug - this will alter all <h2>
s on the site though).
精彩评论