Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Jan 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Background picture is too big!

    Hi. I have a problem similar to JeremyWilken.
    But All I want to know is how to put a background picture on my web page.

    I downloaded a very large image (of a UFO) from Fotolia.com.
    But when I try to put it in as background for my MS Word document (which I plan to upload as an "index.html" web page) the picture only shows the upper left-hand corner. If I scroll around I can see the whole picture, but I'm having trouble reducing the image so it will fit the document properly.

    Should I be using a different program to create the web page?
    How can I re-size the image in a new program?

    TIA

    g

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Without more info it is difficult to help. But you can get some idea. What is the picture size in pixels and what is your screen resolution, also in pixels. There are quite a few programs that will help you to resize images, quite a number of them are free.

    Word is not the best program to code your pages. You could try Notepad or one of the other similar programs available. Just try Google.

    This site of mine has many helps on it also.

    Check this Google response.
    Last edited by effpeetee; 01-16-2009 at 04:50 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    If you are saying that the image is too large, you can use a photo program to reduce it. If you are saying that you have to have it at a specific position, use background-position.

    To make it the background, just add this to your css:

    background-image: url(yourimagefolder/yourimage.xxx);

    To position it somewhere:

    background-position: center center;

    To have only one copy:

    background-repeat: no-repeat;

    http://www.w3schools.com/css/css_reference.asp
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #4
    New to the CF scene
    Join Date
    Jan 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Whoa!

    Thank you, effpeetee, but I am not writing code. I'm simply saving the Word document to the web site as an "index.html" web file. Then the web site appears just as the document did on my desktop. When I use any of the background options provided in the Word document, I have no problem. They appear on my web page background just the way they did in the document. But they are just simple background patterns.

    I'm sorry, but I would have no idea where to insert which code into what.
    As a matter of fact, I had to look up what CSS meant in Wikipedia.
    I went to your site, Jerry, and saw that there were some tables of data for background, but I have no clue how to use them. Perhaps you could suggest a tutorial on how CSS works (for extreme beginners. . . . ) ?


    I've tried to reduce the size of the image using Paint, but what happened was that the image became a small square in the upper left corner of a large white square. When I tried to use that as background, the image wouldn't fit because the program tried to load the whole large white square (with the little image in the upper left corner) into the background.

    Could any of you resize this image to fit a (more or less) standard Word document, or web page as background?


    Thanking you in advance

    g
    Last edited by grasshopper1947; 01-17-2009 at 10:59 AM.

  • #5
    Regular Coder primefalcon's Avatar
    Join Date
    Aug 2008
    Location
    /home/primefalcon/
    Posts
    678
    Thanks
    8
    Thanked 39 Times in 39 Posts
    css background size is part of the upcoming css3 spec but.. for now you have to resize the pic in a graphics program

    for a few good tutorials

    try
    http://w3schools.com
    http://tizag.com

  • #6
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    837
    Thanks
    11
    Thanked 79 Times in 77 Posts
    ☠ ☠RON☠ ☠


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •