Hi, all

I design a section from a given example as an image. I am using subgrids and containers. I note that it is not perfectly matches the image.
What runs here error with the alignment and positions I am talking about margins and paddings.
How do I get that button in the middle and at the same height of those social icons. I'm trying to insert a google map as the image but I cannot get it working.
When I add a google maps am I the right part on desktop, laptop and tablet lost everything.
How can you come here come to a solution to the perfectly matches the image example (see annex)
How can I fix it without using subgrids but just containers. How is the mindset then it is than the subgrid replaced in containers and then think in as many containers in row and colum?
My goal is all those sections designs as components for the RSD v2.5 and later for the Site Designer but that is still very early that they get not yet understand because Flexgrid Control with all browsers well visible what flexgrid control and float layout with no problem.

Kind regards
Stephane

Translated from : https://www.vertalen.nu/zinnen/

You haven't got the link to the Google Map in your HTML element
only the embed code !!

How can you expect it to display a map when it doesn't know where to look for it

translated from Yorkshire twang

Change the button to "Block" if you want it to look like on the image,, but then until you get the map inserted, you can't do the alignment

Stefke,
I haven't replied to this because I simply don't understand what you want.

But why do you build something with subgrids in the first place, when you want to have it all turned into containers? You are making it too complicated for yourself.

You speak of a button in the middle. I don't see any button in the middle. Where is it?

I have set the button in "Block" and setting the google map but I does not see the right content.
What happen here?

After reading Wayan's post I took a peek at your embed code, and I found some style settings in there:



I would advise you NOT to translate the CSS code. The browsers don't read Dutch. I removed the css, and the map displayed, but larger than the space you had prepared for it.

Inger,

I know it doesn't have to be translated, but the computer does that here enormously annoyingly

Here is de code:
Can you tested it's I will the same but responsive google map

<style> .embed container {position: relative; padding bottom: 20.25%; height: 0; overflow hidden; maximum width: 100%; } .embed container iframe, .embed container object, .embed container embed {position: absolute; above: 0; left: 0; width: 100%; height: 100%; } </ style>

<iframe src = "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2507.4420259999074!2d3.7096101159128048!3d51.063389850890196 !. 1i1024! 2i768! 4f13.1! 3m3! 1m2! 1s0x47c3711698cf3b05% 3A0x50c0f3c3854ece42! 2sEetcaf% C3% A9 + Toreke! 5e0! 3m2! 1snl! 2sbe! 4v1555531994be "" 600 "600" frameborder = "0" style = "border: 0" allowfullscreen> </iframe>

The embed code is invalid, Google gave a message that it can't accept it. I haven't gone through all the code to see what is wrong, but at least in your version 1.5 the embed code was ok.

As to the css, where have you applied the class names that you are assigning rules to? The way the css is written in also faulty, compound words need to be written with a - between them. There is no such thing as 'maximum width' in css, it's called 'max-width'.

Enough for today, I need to sleep.

Inger,

I still not be able to insert google maps and still see nothing more of the same rechterkom.
Can you point me in the right direction help how I can insert that, at long last, google maps and I can see the two columns in each view on the used screens mobile, tablet, laptop and desktop?

Kind regards
Stephane

Best CC Users,

I have done the following. I have the HTML element is the name of the class "google-maps and reference to the internal style sheet and there also the name given by the class" google maps ".
I still suggest that it is not appropriate in my container and that it doesn't auto-responsive is for smaller screens.
Has anyone here a solution for because now have really tried everything for the moment.
I see in my right column still no image from google maps. I have really no idea what I'm doing wrong.
Has anyone here an urgent solution for
Best regards
Stephane