h2g2 The Hitchhiker's Guide to the Galaxy: Earth Edition

I've got this design in a very initial phase -

http://www.lindevej.dk/capptest/

My problem is that the content boxes comes too far about as the top margin is set at 100 px to get the top one placed where it should be:

.content {
position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
width:auto;
min-width:120px;
margin:100px 210px 0px 170px;
border:1px #CCCCCC solid;
background-color:transparent;
padding:5px;
z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

I've tried playing around with adjacent selectors as well as first-child - but can't for the life of me make the first one go at 100px and the following ones at eg 10...

But then, I'm very new at advanced CSS...

Sorry, what's the actual problem?

The individual text boxes in the wide middle column are too far apart for my liking... that is, from the 1st to the 2nd there are 100px and I'd rather have 20 or something like that

Do you mean between the bottom of one content box and the top of the next? Or between the link boxes and the content box?

Between the bottom of one content box and the top of the next - while keeping the distance between the first content box and the top of the window...

Ah, right. I see what you mean, and where the problem arises.

I *think*, and without testing it I can't be sure, but if you declare a seperate style within the first content box, it should override the parent style.

So, you'd have...



for the first one.

And change the content style to have...

margin:0px 210px 0px 170px;

I think.

Check the figures are in the right order though

Yeah, I always look at those 4 numbers and say "errrr - which one's left, top, ... etc)?

That's probably what I'll do - even though my brother-in-law (who's very hardcore in all this) would frown over the fact that I'm not properly separating content from layout...

Thx

Which is why on a sticky on my monitor I have "TRBL" and chant it to myself daily to remember

CH

Good idea!

*hums to himself, "TRBL, TRBL, ... "*

I suppose to keep content seperate from layout you could always just create another class for the top content and assign that.

Content specific Styles are as bad (and I think worse) then content that is styled.

better to introduce your class and do some modifiers with the style attribute,

-- DoctorMO --

Thanks - I'm well on my way into the next phase

Looking good, even though it's in gobbly gook.

-- DoctorMO --

Now I'm just considering how to put in images without ruining the whole thing

(I've got ideas - put other things take presedence just now so it'll be a couple of days before it moves again, methinks)

Thanks for help & feedback