www.webdeveloper.com
Results 1 to 4 of 4

Thread: Problems getting picture to fit into Banner

Hybrid View

  1. #1
    Join Date
    Jun 2013
    Posts
    1

    Problems getting picture to fit into Banner

    Good morning everyone. I taught myself some html and css last Monday and am currently working on a Website banner at the top of a page.

    I am trying to take this picture:

    http://techsci.msun.edu/wilke/roger/...bnsf_train.jpg

    and have it displayed cropped very linearly so that the train is the only thing showing. (a Banner). I got it to work in Mozilla firefox using [;background-position:35% 50%] but this command doesn't work in internet explorer. I'm not too familiar with javascript but I'm looking for any way to do this.

    Matt

    P.S. my company, General Electric uses internet explorer as default so switching isn't an option.

  2. #2
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,208
    Have you thought about removing all the background except for what you want to keep then crop image to a good banner size? Any good graphics editor will allow you to do it.

  3. #3
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,458
    Hi there Intern,

    and a warm welcome to these forums.

    As our friend Major Payne has pointed out, cropping and resizing is certainly preferable to using a 3,008px 2,000px image.

    I have cropped an example - (1,000px 284px) - for you to play with.

    coothead
    Attached Images Attached Images

  4. #4
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,208
    Image looks great to me and ready to use!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles