By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
455,246 Members | 1,401 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 455,246 IT Pros & Developers. It's quick & easy.

Simple margin?

P: n/a
Dear friends

I want to draw a small margin at top with a different color, ex. grey color,
on a single page just like the Outlook preview look. Somebody help me?

Regards Able
Jul 20 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a
On Mon, 26 Jan 2004 21:58:55 +0100, Able <ab**@epost.no> wrote:
Dear friends

I want to draw a small margin at top with a different color, ex. grey
color,
on a single page just like the Outlook preview look. Somebody help me?

Regards Able

Many ways to do this. Do you want text in it? Or is it merely decorative?

If decorative, put the whole body in <div id="wrapper"></div> and style:

#wrapper {
margin-top: (size) gray solid;
width: 100%;
}

Might need to do other adjustments, of course, to get it just right.

If you want text in it, better put that text at the top of the body in
<div id="headbar"></div> and style it like this:

#headbar {
width: 100%;
color: black;
background-color: gray;
}

Then put following text which is not in the gray bar in a separate div.
Jul 20 '05 #2

P: n/a
On Mon, 26 Jan 2004 17:06:51 -0500, Neal <ne*****@spamrcn.com> declared
in comp.infosystems.www.authoring.html:
margin-top: (size) gray solid;


border-top perhaps?

--
Mark Parnell
http://www.clarkecomputers.com.au
Jul 20 '05 #3

P: n/a
On Tue, 27 Jan 2004 13:26:08 +1100, Mark Parnell
<we*******@clarkecomputers.com.au> wrote:
On Mon, 26 Jan 2004 17:06:51 -0500, Neal <ne*****@spamrcn.com> declared
in comp.infosystems.www.authoring.html:
margin-top: (size) gray solid;


border-top perhaps?

Ah, not enough coffee. I stand corrected. Sorry 'bout that.
Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.