logo-dw

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

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

Hello,
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:

http://www.dreamweaverclub.com/templates/findaproperty/

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
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

the templare you reference uses this
Code:
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
JTdigital
 
Join Date: Dec 2009
Posts: 2
Default

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
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

Get the Firebug add-on for Firefox, it makes it a breeze to see what CSS is used for different parts of a page.
https://addons.mozilla.org/en-US/firefox/addon/1843
domedia is offline   Reply With Quote
Old 12-12-2009, 02:28 AM   #5
rattlsnak
 
Join Date: Aug 2008
Posts: 175
Default

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


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 02:42 AM.


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