I've Got A Quick CSS Coding Issue, Any Experts Out There?

1 replies
  • WEB DESIGN
  • |
Here is the website I am working on...

Header Design Studio

Basically, what I am trying to do is to use the pretty photo script, which is default, as a display showcase for my header designs.

Here is a quick demo of the issue I am having with this design.... I recorded this with Jing, so once you go to the video link below, you may have to wait a few minutes for it to fully load. It seems to me that Jing is streaming very slowly compared to what they normally do.

Jing Video

Any suggestions would be greatly appreciated.
#coding #css #experts #issue #quick
  • Profile picture of the author Owen Lee
    [DELETED]
    {{ DiscussionBoard.errors[7500709].message }}
  • Profile picture of the author Istvan Horvath
    That's how that photoscript works... regardless of the original size it will reduce any image size to 210x210 pixels.

    If the original photo is a square (all for side of the same size) - there is no distortion: the other pics originally are of 300x300.

    Since your header image is not a square (original dimensions: 977x225)... the script doesn't 'crop' it to 210x210 but it rather 'squeezes' both sides - that's why it ends up distorted.

    You would, probably, need a different script or a complete overhaul of it to have a crop functionality instead of just having 'resize' them with CSS.
    Signature

    {{ DiscussionBoard.errors[7502322].message }}

Trending Topics