Forums » Help » Daft Super Computer CSS

My favorite template!! Yay~

One thing that bothers me just a little about the Supercomputer template is that the text is rather low in the container. The header of the widget starts about a hundred pixels below the border:

http://www.rprepository.com/c/daft/21653



This is irking me a little, so I want to toss the template into a custom one and adjust the position of the content. Problem is, I can't focus too well from my meds and I can't seem to figure out how to do it. Some help would be nice!

What you're wanting to do is actually SUPER difficult. In order to get the smooth background area to tile to the appropriate length, that background is attached to the widgets themselves. Moving the widget up into the rainbow-textured area can be done, but only by projecting the background that's attached to them over top of the blank area.

So in short, moving that text up will cause the rainbow texture, "screen shine", and tube to get clobbered by the other, plainer background.

I was thinking of margining the text itself, but then I saw the whole of the text isn't actually wrapped in anything.

I don't suppose there's a way to add in an extra div ID and wrap everything within the #charcontent in that layer?

Then I could define the margin for the wrapper as

Or something along the lines. Or am I wrong?

You'd still have the identical issue, that moving all that text up will cause it to bring its background with it.

I'll mention that if you do find a (cross-browser) solution to this, I'll implement it in the official templates immediately. I've wished I could find a reasonable way to do what you're asking for ages.

I always thought that a margined div layer didn't take the div layer around it into account. There are a ton of Neopets pages that use margin in the exact same way I specified.

Orrr... they wrap the text in a span or paragraph tag and then it moves properly.

http://lusciouscreation.com/supcomptest.html

Here you go Kim.