Зайти в редактор контента страницы или записи, где рамещен шорткод карты (именно через шорткод скорее всего у вас карта выводится), перейти на закладку ‘Текст’, и там заключить шорткод карты в div
<div style='float:left; margin:0 20px 20px 0; overflow:hidden'>здесь шорткод карты</div>
Сохранить запись или страницу
Я так понимаю что шорткод вставляется через гугловский плалин, я использую такой код iframe style=»border: 0;» src=»https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d2559.952857163805!2d14.424426599999997!3d50.0871695!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sru!2sua!4v1403214152841″ width=»300″ height=»300″ frameborder=»0″></iframe> , копирую с сайта гугл карта, но тем не мене ваш код помог, можно этот код как-то прописать в css, чтобы все было автоматически?
В вашем случае, если вы код фрейма
<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d2559.952857163805!2d14.424426599999997!3d50.0871695!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sru!2sua!4v1403214152841" width="300" height="300" frameborder="0"></iframe>
вставляете в контент страницы, записи в Админке, то тот вариант, который я вам предложил будет лучшим. Для вынесения стилей в CSS можно сделать еще так — в контенте страницы, записи (на закладке Текст) вставляете такой код:
<div class='my-google-div'>здесь фрейм карты</div>
а в файл стилей вашей темы style.css прописать стили этого div-a:
div.my-google-div{
float:left;
margin:0 20px 20px 0;
overflow:hidden;
}
Но это равносильно варианту из первого моего ответа.
Друзья, как вставить карту google maps в щапку вместо картинки ?
Или как вставить виджет с картой гугл в шапку ?
