• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 156
  • Last Modified:

css

I want to center this .jpg file that is 1224 width

This .jpg is attached and has a gradient that horizontally changes from light brown to darker brown

Now how can I create a background that will fit this color.

The only rule is that I can not change the .jpg file.

Please see attached file.
0
eejk
Asked:
eejk
1 Solution
 
Brad Dobyns, CSMCommented:
I don't see an image. Are you sure its attached?
0
 
glumlunCommented:
do you mean how will you create a background on an image that sits on your gradient that will fit?

if so itll need to be a transparent gif. best to set the transparency mid way between your two browns
0
 
myderrickCommented:
Not sure exactly what you mean. You can check the article. It is about how to use large background images

http://www.webdesignerdepot.com/2008/11/dos-and-donts-of-large-website-backgrounds/

MD
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
eejkAuthor Commented:
sorry,  4got to attach image

brown-background-long.jpg
0
 
Brad Dobyns, CSMCommented:
In looking at this again, I am confused about what you said in the description. So, with that I have provided two examples of what I THINK you need. You can tell me if I am way off base or not.

CSS Gradient background: http://www.webdesignerwall.com/tutorials/cross-browser-css-gradient/

Centering image:

    img.center {   display: block;   margin-left: auto;   margin-right: auto; }

And here is the HTML that would be centered:

    <img src=brown-background-long.jpg" alt="" class="center" />

Hope that helps,
Brad
0
 
GaryCommented:
This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now