From Image Example to Design in RSD...

User 122279 Photo


Senior Advisor
14,646 posts

Obviously you havent tried to change the size of the map, it still says "width="600" height="350"", which is much, much too large for that small space.

Try this:

<style>
.map {
width: 100%;
max-width: 450px;
height: 260px;
border: none; }
</style>

<iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2507.4420259999074!2d3.7096101159128048!3d51.063389850890196!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c3711698cf3b05%3A0x50c0f3c3854ece42!2sEetcaf%C3%A9+Toreke!5e0!3m2!1snl!2sbe!4v1555531994153!5m2!1snl!2sbe" allowfullscreen></iframe>
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 131545 Photo


Registered User
687 posts

Inger,

When I compare the view from design and the browser there are strange differents and that I not what I want.
So in the IDE of the site designer, I establish that it is in the browser not match.
Is there a solution to think of, because I want the display on all the screens to how I have designed the site designer v2.5.
The button is not at the same height as the second column in the browser in desktop and tablet view, and mobile view I have too much white space between my button and the second column.

Is there a solution for this because I know there are a total gene or is it just the program.
Here are the screenshots of what I mean with the problem

With kind regards
Stephane
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 122279 Photo


Senior Advisor
14,646 posts

Your comparisons between the view in RSD2.5 and the browsers are wrong. The browsers are showing the map, RSD is not. The map has, according to the code I posted above here, 260px height, so you will have to add that many pixels to the form.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 131545 Photo


Registered User
687 posts

Inger,

What do you main:

is that height for the class form : 260px?
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 122279 Photo


Senior Advisor
14,646 posts

No, that is not what I mean. I'm saying that the height of the iframe (class .map) is set to 260px. So the element with the blue background will be 260px higher in a browser, where the map is being displayed, than what you see in SD (well, possibly you need to subtract the height of the iframe with nothing in it, some 30-40px maybe).
In other words, all the screenshots of what you see in SD are incorrect.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



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.