[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1673
  • Last Modified:

How to extend background image across top of entire web page

Hello Experts,

I'm a total novice when it comes to creating images in PS CS3.  I recently created a PNG with some nice shading and rounded corners and then I intserted text and a company logo in it.  What I would like to do is use this as a background image at the top of the page so that it extends from what side to the other.  I set as a background image in the body tag

Problem is, it is currently a rectangle (width: 771px, height: 391px) and I don't know how I can alter it so it becomes longer and thinner to extend to either end of the page.  If this is not possible to do with this image, what specifications would I need to create a new image that would do this?


0
max7
Asked:
max7
  • 2
1 Solution
 
rabioCommented:
images will always show at the same size that they were created. You can use a simple program like microsoft paint to open the image, then go to "Image" on top in the file menu, and select attributes. Try changing the attributes to suit your needs.
When it comes to placing it as a background in the body of a web page, it is also effected by the borders that you set in HTML or web design program that you're using.
0
 
max7Author Commented:
Do you know the size I would need to create the original as so that he does extend to either end of the web page?
0
 
max7Author Commented:
Suggesting MS Paint was really the best since unlike PS CS3, I can easily resize the image to my specifications w/out getting an ulcer!  Thanks for help.
0
 
gin_smytheCommented:
You have to consider that your visitors will have differrent screensizes
If you create a background picture and a visitor has a larger screen or widescreen, your static image wont fill the screen correctly.

It would be possible to stretch the image over the hole page but your would take a huge loss in quality
-browsers arent build to enlarge pictures, if you tell them to stretch they will do so but the result wont be
satisfying

still there are some ways.
The common general aproach would be to divide the image into several parts
for example || left border - repeatable middle part - right border ||
The middle part would be the actual part that would automatically resize to the screensize
this solution would require of course more than assigning a background picture




 
0

Featured Post

Technology Partners: 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!

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