Go Back   Dreamweaver Club Forums > Graphic Design > Web Design
Register FAQ Members List Search Today's Posts Mark Forums Read

Thread Tools Display Modes
Old 12-04-2009, 08:59 PM   #1
Join Date: Dec 2009
Posts: 2
Question How to create gradient background that exetends to auto margins

Great, very informative site. 1st Post.

I am aware of how to center content using CSS with the following code:
body {
text-align : center ;
min-width : 770px ;
div.wrapper {
width : 770px ;
text-align : left ;
margin-left : auto ;
margin-right : auto ;
position : relative ;

Or variations of the above. What I would like to do is to add a gradient background, similar to what is seen in this template:


I looked at the code, but I was not able to determine how it is done. I would like to create a page with a similar gradient, using different colors

I am new to CSS, but the advice of everyone on these forums I am doing my best to learn.

Thanks so much in advance!
JTdigital is offline   Reply With Quote
Old 12-05-2009, 12:25 AM   #2
edbr's Avatar
Join Date: Aug 2005
Location: Bali
Posts: 11,203

the templare you reference uses this
html, body
    font-family: Arial, Helvetica, sans-serif;
    background: #fff url(../images/bg.jpg) top repeat-x;
ii uses a gradient as a background image and repeats it along the x axis. if you look at images/bg.jpg), you will see the image that it uses
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 12-08-2009, 09:30 PM   #3
Join Date: Dec 2009
Posts: 2

Wow I totally should have seen that.

Thanks for your reply!
JTdigital is offline   Reply With Quote
Old 12-09-2009, 04:31 PM   #4
domedia's Avatar
Join Date: Dec 2003
Posts: 9,730

Get the Firebug add-on for Firefox, it makes it a breeze to see what CSS is used for different parts of a page.
domedia is offline   Reply With Quote
Old 12-12-2009, 02:28 AM   #5
Join Date: Aug 2008
Posts: 175

OMG, Firebug is freaking awesome..!
rattlsnak is offline   Reply With Quote

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

All times are GMT. The time now is 08:09 AM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com