[jambajooz]

Hello! I have been contemplated with this design element, I believe using CSS. It involves a thin red strip on top of the page as see here:

http://www.scarlet.be/

Now I understand that this is a CSS property. How do you go about doing this?

Any help would be appreciated.

Thank you!

[Oisín]

I would guess, without checking, that they wrap the entire content of the page in a div named “content” or something like that, and declare this div in the CSS file something like this:

Code:
#content {
width: 100%;
height: 100%;
border-top: 5px solid red;
}

That would make the “content” div 100% of both the height and the width of the page, and give it a top border that’s 4 pixels wide and solid red. You can of course apply this to any block container you wish.

[SirCastor]

Originally Posted by Oisín

You can of course apply this to any block container you wish.

In fact they did. It was stuck right on the Body tag.

Code:
body
{
	color: #000;
	background-color: #FFF;
	border-top: 4px solid #f00;
	background-repeat: repeat-x;
	background-position: 0 0;
	margin: 0;

[Oisín]

Originally Posted by SirCastor

In fact they did. It was stuck right on the Body tag.

Ah, well there you go, then. That’s what I get for being a lazy-ass who can’t be bothered to check the source code and/or CSS file

[jambajooz]

thanks guys! being new to CSS, this really helps. appreciate your help!

[yugyug]

golive and probably other programs have CSS editors too - so you don't need really code the basic stuff like colors.