SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    Non-Member somendra's Avatar
    Join Date
    Dec 2012
    Location
    Noida, India
    Posts
    57
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Image adjusting problem

    Can anybody tell me how can I fit my image in the box without elongated or deformed? My image is square shaped and the box on a template has rectangular arguments.

  2. #2
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,881
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by somendra View Post
    Can anybody tell me how can I fit my image in the box without elongated or deformed? My image is square shaped and the box on a template has rectangular arguments.
    You have two options:
    • Change the template to give a square image
    • Change the shape of your image (ie, crop it) in a graphics program

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,101
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by somendra View Post
    Can anybody tell me how can I fit my image in the box without elongated or deformed?
    Normally, the image would just appear at its normal shape, unless you have some kind of rule such as

    Code:
    img {width: 100%;}
    Could you say a bit more about your setup?
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  4. #4
    SitePoint Member
    Join Date
    Dec 2012
    Location
    USA
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello,

    You can arrange your image by using HTML image tag with attribute width= % or px.

  5. #5
    Non-Member somendra's Avatar
    Join Date
    Dec 2012
    Location
    Noida, India
    Posts
    57
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks all of you.

  6. #6
    SitePoint Member
    Join Date
    Feb 2013
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Use an image editor, like Photoshop, to adjust your size..


Tags for this Thread

Bookmarks

Posting Permissions

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