@SavchenkoD

Присвоить CSS только этому элементу?

Нужно сдвинуть карту Google. Присвоить CSS отдельно. После того как прописал "style=" - карта пропала с сайта. Подскажите как исправить именно в этом варианте.

Почему именно так не спрашивайте. Изучаю CSS, пробую разным способом.
Спасибо!

<div style="margin-left:20px;"
         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1271.5411177276196!2d30.54607475818814!3d50.402304994867194!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40d4cf5a6ac94fe7%3A0x441355015fb9c6fe!2sSaperno-Slobidska+St%2C+57%2C+Kyiv%2C+Ukraine!5e0!3m2!1sen!2sru!4v1478369015237" 
					width="600" 
					height="450" 
					frameborder="0" 
					style="border:0"
					align="left"
					allowfullscreen></iframe>
					</div>
  • Вопрос задан
  • 229 просмотров
Решения вопроса 1
@indigo_style
вы прям в сам див засунули карту
<div style="margin-left:20px;">
         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1271.5411177276196!2d30.54607475818814!3d50.402304994867194!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40d4cf5a6ac94fe7%3A0x441355015fb9c6fe!2sSaperno-Slobidska+St%2C+57%2C+Kyiv%2C+Ukraine!5e0!3m2!1sen!2sru!4v1478369015237" 
          width="600" 
          height="450" 
          frameborder="0" 
          style="border:0"
          align="left"
          allowfullscreen></iframe>
          </div>

margin-left:20px;" после него не стоит >
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@selo
Например так

<div id="google-map">
         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1271.5411177276196!2d30.54607475818814!3d50.402304994867194!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40d4cf5a6ac94fe7%3A0x441355015fb9c6fe!2sSaperno-Slobidska+St%2C+57%2C+Kyiv%2C+Ukraine!5e0!3m2!1sen!2sru!4v1478369015237" 
          width="600" 
          height="450" 
          frameborder="0" 
          style="border:0"
          align="left"
          allowfullscreen></iframe>
          </div>


#google-map iframe{
margin-left:20px;
}


туда же можно перетащить все стили
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы