The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Two color Background
denebx3
post Sep 13 2011, 11:35 AM
Post #1





Group: Members
Posts: 7
Joined: 13-September 11
Member No.: 15,392
Hello guys,

I'm new in HTML and CSS and i tried everything about the below issue(see picture).
Also see some example web-sites:

https://signup.netflix.com/global
http://www.ipage.com/ipage/index.html
https://www.cyta.com.cy/Default.aspx?ID=335

Thank you in advance.

Regards,

Antonis

This post has been edited by denebx3: Sep 13 2011, 11:46 AM


Attached thumbnail(s)
Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 13 2011, 11:54 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6
Make the background for BODY blue and the background of a container element purple (see below). Alternatively make the background of HTML blue and the background of BODY purple.

Pseudo markup....
HTML
<body>
<div id="wrapper">
Everything else goes in here.
The background of this DIV
is purple. It probably has a width.
Maybe margins to create space
at top and bottom where the blue
background can show.
</div>
</body>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
denebx3
post Sep 13 2011, 11:31 PM
Post #3





Group: Members
Posts: 7
Joined: 13-September 11
Member No.: 15,392
QUOTE(pandy @ Sep 13 2011, 07:54 PM) *

Make the background for BODY blue and the background of a container element purple (see below). Alternatively make the background of HTML blue and the background of BODY purple.

Pseudo markup....
HTML
<body>
<div id="wrapper">
Everything else goes in here.
The background of this DIV
is purple. It probably has a width.
Maybe margins to create space
at top and bottom where the blue
background can show.
</div>
</body>




Yeah thanks for the quick response.

But how can i manage this with CSS?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Sep 14 2011, 01:41 AM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
QUOTE
Make the background for BODY blue and the background of a container element purple (see below).
That would be:
CODE
body { background: blue }
div#wrapper { background: purple }


QUOTE
Alternatively make the background of HTML blue and the background of BODY purple.
That would be:
CODE
html { background: blue }
body { background: purple }
User is online!PM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 14 2011, 06:44 AM
Post #5


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6
You may want to read this.
http://htmlhelp.com/reference/css/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
denebx3
post Sep 14 2011, 01:05 PM
Post #6





Group: Members
Posts: 7
Joined: 13-September 11
Member No.: 15,392
QUOTE(Darin McGrew @ Sep 14 2011, 09:41 AM) *

QUOTE
Make the background for BODY blue and the background of a container element purple (see below).
That would be:
CODE
body { background: blue }
div#wrapper { background: purple }


QUOTE
Alternatively make the background of HTML blue and the background of BODY purple.
That would be:
CODE
html { background: blue }
body { background: purple }



Thank you very much Darin!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · General Web Design · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 24th April 2024 - 06:13 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC