Re: About merging the Hurd homepage and the Hurd wiki

[olafBuddenhagen]

Hi,

On Tue, Nov 25, 2008 at 01:39:43PM +0100, Thomas Schwinge wrote:

> but I still need margin-top and margin-bottom in .newsitemcontent to
> avoid the space at the top and bottom of a single news item.  Why is
> that?

Again, this is the <p>'s standard top and bottom margin. (As
newsitemheader is not a float anymore, it falls outside the <p>'s margin
now.)

Just use something like this for a nice regular margin on all sides:

   .newsitemcontent p { margin: .3em; }

With this, the distance to the header seems still a bit larger than the
other distances. The reason is that the header is actually a bit higher
than the boxed date would suggest: The .actions are higher than the
.header. (The text doesn't exactly align either, though this is hardly
noticable...)

The reason is the standard spacing of the <ul> used for the .actions. To
fix this, make the spacing the same as for the .header:

   .newsitem .actions ul { padding: .5em 0; line-height: 1; }

BTW, never ever px sizes, except for the very few cases where actually
dealing with pixels. (like bitmap graphics.)

Most sizes (including padding and margins) are relative to the font size
by default. Using px will result in ugly and often totally broken layout
when the user changes the font size. Use em instead.

> How do I then make the news items' boxes not run under the sidebar?
[...]
> For the text this already works and ever worked, as we can see, but
> why not for the boxes?

Floats are strange beasts: They displace the text (and other inline
content), but don't affect the box model.

I have totally no idea how to deal with this problem.

-antrik-