Responsive Layout Maker Pro Website...

Mar 17th, 2014 at 11:58 PM
User 2088758 Photo

Steve
Senior Advisor
3,091 posts

Is there anything else you would like to see while i do this?
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Mar 18th, 2014 at 12:30 AM
User 434929 Photo

Mansour ...
Ambassador
938 posts
Online Now

Honestly I don't understand Image aspect ratio setting well and I would like to be explained , after dropping image element to column I don't get the exact size of image in display , eventually after some setting I get there but not sure it's right way or not. Can you break it down well and educate me and others with aspect ratio?

What is aspect ratio of 4:3, 3:2, 1:2, 2:1 and 1:1?
why we have few different image aspect ratio size in RLM?
I would like to get explanation for each aspect ratio and where to use each of them ?

Thank you in advance Steve
Guys at coffeecup are awesometacular.
Mar 18th, 2014 at 12:55 AM
User 103173 Photo

Scott Swedorski
VP of Software Development
0 posts

Mansour ... wrote:
Honestly I don't understand Image aspect ratio setting well and I would like to be explained , after dropping image element to column I don't get the exact size of image in display , eventually after some setting I get there but not sure it's right way or not. Can you break it down well and educate me and others with aspect ratio?

What is aspect ratio of 4:3, 3:2, 1:2, 2:1 and 1:1?
why we have few different image aspect ratio size in RLM?
I would like to get explanation for each aspect ratio and where to use each of them ?

Thank you in advance Steve

This website has a pretty good explanation on how aspect ratios work. This article is for digital photography, but is still very helpful.

http://digital-photography-school.com/a … it-matters
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
Mar 18th, 2014 at 02:06 AM
User 2088758 Photo

Steve
Senior Advisor
3,091 posts

Very good explanation thanks for sharing Scott.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Mar 18th, 2014 at 04:09 AM
User 434929 Photo

Mansour ...
Ambassador
938 posts
Online Now

I have an image (original dimension) 1006 X 541 pixels size and adding image element to column of 12 spans and I want to show up 50% pixel in size in web .
So I add image element of 3:2 aspect ration to the 12 spans column and I change the width to 50% in style properties and float left .

Question:
is this demo shows correct way of doing ?
http://www.feizsite.com//CoffeeCup/rlm/ … ratio.html
Thank you.
Guys at coffeecup are awesometacular.
Mar 18th, 2014 at 08:05 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,196 posts

Are you seeing a problem Mansour?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Mar 18th, 2014 at 09:33 AM
User 122279 Photo

Inger
Senior Advisor
14,465 posts

Mansour, your image of 1006:541 has a different aspect ratio than 3:2 and you risk having your image distorted. So if you want to have the correct aspect ratio, you need to set it in the properties below the 'Type Image 3:2' where it says 'Aspect ratio'. As far as I could see, all the rest of you little video was correct.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Mar 18th, 2014 at 10:03 AM
User 431141 Photo

Steve Ravner
Registered User
78 posts

Steve wrote:
Want me to put together a little tutorial on how to do this Steve?


I think that your tutorials are the best, and would encourage you to do it... and others too, as the questions pop up.

Meanwhile, I think I've got the picture right, and will try to get to it later today when I get back to my home base.
=Steve=
Mar 18th, 2014 at 11:09 AM
User 434929 Photo

Mansour ...
Ambassador
938 posts
Online Now

Inger wrote:
Mansour, your image of 1006:541 has a different aspect ratio than 3:2 and you risk having your image distorted. So if you want to have the correct aspect ratio, you need to set it in the properties below the 'Type Image 3:2' where it says 'Aspect ratio'. As far as I could see, all the rest of you little video was correct.


I think I figured it out how it works now. And yes Steve Ravner you are right images are distorted, so I guess I have to edit my images in right sizes in order to get crystal sharp for display.
Guys at coffeecup are awesometacular.
Mar 18th, 2014 at 11:12 AM
User 434929 Photo

Mansour ...
Ambassador
938 posts
Online Now

Eric Rohloff wrote:
Are you seeing a problem Mansour?


The problem; images are distorted. as I mentioned in above post I have got to edit my images in right sizes in order to get crystal sharp for display. am I right?
Guys at coffeecup are awesometacular.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.